How to change color of footer

[blubutterfly]

Hi just wondering if anyone knows how to change the color of the footer in magazine pro?

http://www.blubutterflynailtips.com

[Christoph]

Hi Justine,

the code to change the background-color of the footer widgets is around line 1693 of the style.css:

.footer-widgets {
    background-color: #222;
    color: #AAA;
    clear: both;
    font-size: 14px;
    padding: 60px 0px 20px;
}

The code to change the background-color of the footer is around line 1768:

.site-footer {
    background-color: #222;
    font-family: "Raleway",sans-serif;
    font-size: 14px;
    text-align: center;
}

Just replace #222 with the color you want to use.

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[blubutterfly]

Hi Christopher, thank you so much for this, I am very new at this not sure where to put the code? Any chance you could explain where to insert it?

Thanks Justine

[DTHkelly]

This is CSS, so you can use a free plugin like https://wordpress.org/plugins/simple-custom-css/ to add CSS to your ChildTheme.

Otherwise, offline using http://notepad-plus-plus.org/, open the magazine pro zip file, open style.css. Find line line 1693 and line 1768 and make the changes. Save. Upload to your site via cPanel or FTP. wp-content > themes>magazine-pro. it will over-write the existing style.css file.

[Author]

Posts