footer and text color

• 

  valeriefulton · Member · Jan 16, 2017 at 1:34 am

  • Copy link
  • Add topic to favorites

  Hi. I just saw a similar post about this, but the code didn’t work for me.

  I am in 2011 Theme. I want to make the background on all three footer widgets black (or some other dark color — but I can mess with that later) and the text white.

  Please help! Thanks.

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

• 

  jsmutek · Member · Jan 16, 2017 at 2:31 am

  • Copy link

  Hi there, this should get you going. I’ve added comments so you can see what’s what.

  Hope this is helpful. :)

  /* Sets the BG color for the upper footer */
  footer #supplementary {
    background: black;
  }
  /* Sets the text color for widgets */
  footer .widget {
    color: white;
    /*
    // uncomment these lines and remove footer #supplementary if you only
    // want the widget BG's to be black, as opposed to the entire footer.
  
    background: black;
    padding: 5px;
    */
  }
  /* Sets the text color for widget titles */
  footer .widget-title {
    color: white;
  }
  /* Sets the text color for widget links */
  footer .widget_wpcom_social_media_icons_widget a {
    color: white;
    text-decoration: none;
  }
  /* Sets the hover color for widgets */
  footer .widget_wpcom_social_media_icons_widget a:hover {
    color: gray;
    text-decoration: none;
  }
  /* Sets the BG color for lower footer / WP logo area */
  footer #site-generator {
    background: black;
  }
  /* Sets the fill color for WP logo */
  footer #site-generator a svg {
    fill: white !important;
  }

• 

  valeriefulton · Member · Jan 16, 2017 at 2:58 am

  • Copy link

  Thanks for the quick response, jmutek! But what’s commentary and what’s code? I am really new to CSS.

• 

  valeriefulton · Member · Jan 16, 2017 at 3:01 am

  • Copy link

  Wow, that worked with the commentary. I think maybe /* brackets out the comments so that it doesn’t mess with the coding? Anyhow, many thanks!

• 

  jsmutek · Member · Jan 18, 2017 at 2:17 am

  • Copy link

  Hi, no problem, glad it was helpful. You got it with regards to the comments – they won’t harm anything and can be a helpful way to let you know what the rules are doing and why they are there. Comments can span multiple lines and always open with /* and close with */, with everything in-between being the comment.

  */ I am a comment! /*

• 

  valeriefulton · Member · Jan 18, 2017 at 3:53 pm

  • Copy link

  Thanks again! Much appreciated.