Footer Putter concerns itself mainly with the content of the footer, not with its appearance in terms of background colors, fonts family, colors and size. Instead it is the job of the WordPress theme to style the footer so it is in keeping with the rest of the page.
What Footer Putter does allow you apply some styling to the footer using some predefined classes to the Footer Copyright Widget.
Footer Putter Copyright Style Classes
Footer Putter makes the following classes available for you to use just in case your WordPress theme has nothing suitable. These address the issues only of size and color by allowing you to increase or decrease the contrast with background color provided by the theme:
- small – makes the text smaller ( font-size : small;)
- tiny – makes the text tiny ( font-size : x-small;)
- dark – makes the text dark in color (color : #222222;)
- light – makes the text light in color (color : #DDDDDD;)
- white – makes the text white (color : #FFFFFF;)
Using A Custom Class
However, what if this is not sufficient and your theme does not style the footer in a way you like? Well, you can add some CSS to fix it by defining a custom class whose name you can add in the widget.
As an example, I have changed the background color of the footer on just this page by adding the following CSS to define a class example-footer that produces a background gradient.
.postid-4206 .example-custom-footer {
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#797355),color-stop(1,#E8CFAE));
background-image: -o-linear-gradient(bottom,#797355 0%,#E8CFAE 100%);
background-image: -moz-linear-gradient(bottom,#797355 0%,#E8CFAE 100%);
background-image: -webkit-linear-gradient(bottom,#797355 0%,#E8CFAE 100%);
background-image: -ms-linear-gradient(bottom,#797355 0%,#E8CFAE 100%);
background-image: linear-gradient(to bottom,#797355 0%,#E8CFAE 100%);
}
Where To Put The Custom CSS
On this site we use the JetPack plugin which has a CSS editor which is accessed under the menu Appearance > Edit CSS. However your theme may already have a facility for adding custom CSS, and if it does you should use it.
