Change Footer Background, Border, Font/Color/Size, Alignment

Last Reviewed: 21-Apr-15 (3.3.20) 3.1.* 3.2.* 3.3.*

Where to copy/paste this code?
The simplest way is to use the Custom CSS section of the customizer option screen. If you have many customizations to make in CSS and PHP, then we strongly recommend you create a child theme. Everything you need to know about creating a child theme with Customizr here.

/* START OF Change Footer Background, Border, Font/Color/Size, Alignment */
/* Change Background, Border, Font/Color as needed  */
footer#footer .colophon {
background:     none repeat scroll 0 0 blue;
border-top:     12px solid red;
}
/* Change font-size, alignment as needed  */
footer#footer .colophon  p, footer#footer .colophon  a {
color:          red;
font-size:      1em ;
text-align:     center;
line-height:    1.2em ;
}
/* Change color/padding of Social Icons */
footer#footer .colophon .social-block a {
color:          red;
padding:        0px ;
}
/* Change font-size/color of BackToTop */
footer#footer .colophon a.back-to-top {
font-size:      1em;
color:          red;
}
/* END OF Change Footer Background, Border, Font/Color/Size, Alignment */

 

30 thoughts on “Change Footer Background, Border, Font/Color/Size, Alignment”

Comments are closed.