Change Footer Background Color

• 

  tatin05 · Member · Nov 6, 2017 at 1:54 am

  • Copy link
  • Add topic to favorites

  Hello, is it possible to change the footer background color? I am using the PORT Theme. I hope you can help me with css code as I’ve tried all the codes for changing the background color posted on forums.

  Thanks a lot!

  The blog I need help with is: (visible only to logged in users)

• 

  jennysihua · Member · Nov 6, 2017 at 2:36 am

  • Copy link

  Hi there!

  Right now it looks like there is a selector in your code that says:

  body, #container, #page-head, #middle, #footer {
      background-color: #fff;
  }

  This is setting the background color for all of the sections listed in front of the curly brackets to white. It is also overriding any background-color changes you are trying to make to the footer alone.

  Try removing the “#footer” from that section of code, so that it reads:

  body, #container, #page-head, #middle {
      background-color: #fff;
  }

  Then, go to the footer selector and add your background color (I chose lavender as an example):

  #footer {
      color: #6d6d6d;
      background-color: lavender;
  }

  Hope that helps!

• 

  chaos48 · Member · Nov 9, 2017 at 10:44 pm

  • Copy link

  I have the same problem with displaying the wrong color for my footers after changing the background color of my theme.

  I use the Gridiculous Pro theme and my blog is http://www.ohmsweetohm.me

  The WP Happiness Engineer just referred me to a CSS site and I don’t know squat about the subject.

  I appreciate your help in this matter,
  Ω

• 

  thesacredpath · Member · Nov 10, 2017 at 12:21 am

  • Copy link

  Hi @chaos48, since you are using a different theme, and since CSS is generally theme specific, can I ask you to create a new thread in the CSS Forum? Many thanks in advance.

• 

  chaos48 · Member · Nov 10, 2017 at 1:04 am

  • Copy link

  Will do.
  Ω

• 

  thesacredpath · Member · Nov 10, 2017 at 1:06 am

  • Copy link

  Thanks.