Changing the color of the footer

  • I am trying to change the color of the footer, it is currently black and orange and that doesn’t go with my color scheme. I want to change the background color and the text color in the footer. I currently have 2 widgets in the footer, the godaddy email marketing form and social profiles, both of which are orange. I have tried putting the following into the Additional Css area and nothing seems to work. Please help!

    .footer{
    background: #2723c1;
    }
    .footer-socket-wrapper {
    background-color: #F8F8F8;
    }

    footer#footer h3.widget-title {
    color: #808080;
    }

Viewing 1 replies (of 1 total)
  • Theme Author mrwweb

    (@mrwweb)

    Sorry for the late reply, @blondiebites. I thought I had replied earlier but apparently not.

    The reason this CSS doesn’t work is because those CSS rules do not select any page elements, so the properties are not effected. Where did you get those rules from?

    Blogsonry is based on Twenty Thirteen, so any CSS rules you can find that change Twenty Thirteen will also work on Blogsonry.

    Since this is a free theme and support, I can’t supply detailed CSS or customization support, but here’s something you can try based on the HTML in Blogsonry/Twenty Thirteen:

    .site-footer sidebar-container {
	background: #2723c1;
}
.site-footer sidebar-container .widget { /* guessing at what you're trying to do here */
	background-color: #F8F8F8;
}

.site-footer .widget-title,
.site-footer .widget-title a,
.site-footer .wp-caption-text  {
	color: #808080;
}
Viewing 1 replies (of 1 total)
  • The topic ‘Changing the color of the footer’ is closed to new replies.