Widgets

I have a footer with Social Media icons setup as a widget. How do I change the background color from dark gray to a blue that I am using on the header?

Its currently a dark gray band across the bottom of the screen so looks out of place.

Comments

  • Hello
    Thanks for contacting to us.
    Pls share your website url link so that we can take a look and assist you better. 

    Thanks
    AKhilesh
  • Hi,

    The site is not live yet so it wont show. 

    Hopefully the screen shots attached will help.

    SS2 is the top of the page, you will see the blue background.
    SS1 is the bottom of the page, this has they grey background.

    SS1.png
    9K
    SS2.png
    7K
  • Hello
    Thanks for contacting to us.
    To change background color of the footer section add the below css code inside the custom css box. 

    .footer-sidebar {
        background-color: #28659a;
    }

    Change color code value as your need. 

    Thanks
    AKhilesh
  • Thats great thank you.

    Anyway of also making it slightly thinner? Roughly the same size as the header one?
  • Hello
    To make thinner the footer area for this add the below css code inside the custom css box. 

    .footer-sidebar .widget {
        padding: 0 0 10px;
    }
    .footer-sidebar {
        padding: 10px 0 0px;
    }

    Let us know for further assistance. 

    Thanks
    Akhilesh
  • That worked, thank you.


  • Along the same theme, is it possible to remove the line in the attached image?.
    line.png
    23K
  • Hello
    For this add  the below css code  inside the custom css box. 

    .navbar {
        border-bottom: none;
    }

    Thanks
    AKhilesh
  • I have tried that code and it hasn't changed anything?
  • Also can the Infobar background color be changed?
  • Hello 
    WE will change but we need your website url.
    Whenever you live your website, give us your URL. 

    So that we  can take a look of your website url and assist you better. 

    Thanks
    Akhilesh
Sign In or Register to comment.