Change Colour of Black Footer

Hi there,

How do I change the colour of the footer (where the social bar is) from black to something else?

Also is there a way to make it smaller?

Thanks,

Holly

Hi Holly,

I hope you are well today and thank you for your questions.

How do I change the colour of the footer (where the social bar is) from black to something else?

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Shapely Options -> Other

footer#colophon {
    background: #999;
}

Please change the color value in the above code to whatever you want to use by referring the following pages.

http://www.w3schools.com/html/html_colors.asp
http://www.w3schools.com/html/html_colorvalues.asp
http://www.w3schools.com/tags/ref_colorpicker.asp

Also is there a way to make it smaller?

To make it smaller use the below shared CSS code as described above.

footer#colophon {
    padding: 40px 0;
}

Please change the padding value 40px in the above code to increase or decrease the footer height.

Best Regards,
Movin

Hi Movin,

Thanks, this worked great.

Holly

You are most welcome here :slight_smile: