Changing Footer Colour
-
Hi We are using the colorway theme (free version) for our wordpress site and we have been trying to figure out how to change the colour of the footer. Anyone who can help us with this it would be greatly appreciated.
-
Firstly, you should create a child theme. Instructions and information on using child themes can be found here: http://codex.wordpress.org/Child_Themes
When this is done, you can target the footer in you child theme’s style.css file by using the following code snippet:
.footer-navi {background: COLOURVALUE;}
COLOURVALUE should be replaced with your the value of your desired background colour.
Let me know if anything needs clarifying with this!
Ok, thanks for the information. The instructions you included tell me to build this under the theme directory, but it does not tell me where to find the theme directory? And I’ve searched in several places. Would someone be able to provide some guidance for this?
Here is what I’ve entered in my child theme style.css file:
@import url("../colorway/style.css"); /* Theme Name: ColorWay There URI: http://jdeventstyling.com/ Description: Child theme for the ColorWay theme Author: jleejme Author URI: http://jdeventstyling.com/about/ Template: ColorWay Version: 2.5.2 */ footer-navi {background: turquoise;}
But I cannot find it on our themes section on our wordpress admin page to make the changes to the website. Anyone provide help?? what am I doing wrong here?
Where did you create the child theme directory?
The CSS should be this:
/* Theme Name: ColorWay There URI: http://jdeventstyling.com/ Description: Child theme for the ColorWay theme Author: jleejme Author URI: http://jdeventstyling.com/about/ Template: ColorWay Version: 2.5.2 */ @import url("../colorway/style.css"); footer-navi {background: turquoise;}
It goes ‘Header -> Import -> Custom’ π Though looking at your site, you’re still on the ColorWay theme, and not your child theme (view source, look at the style.css call)
might need to be:
Template: colorway
The Template is the directory name of the parent theme. In this case, the parent theme is the TwentyTwelve theme, so the Template is twentytwelve, which is the name of the directory where the TwentyTwelve theme resides.
http://codex.wordpress.org/Child_Themes#How_to_Create_a_Child_Theme
also make sure to use the correct syntax in style.css:
.footer-navi { ... }
please post a live link to get more suggestions.
Hey
The live link is http://www.jdeventstyling.comI entered what Ipstenu (Mika E.) said the style sheet should say, and then I also tried changing the Template to TwentyTwelve as suggested by alchymyth. Neither of these seem to work.
Under Appearance>Themes it is saying this:
Broken Themes
The following themes are installed but incomplete. Themes must have a stylesheet and a template.
Name
ColorWay
Description
The parent theme is missing. Please install the “TwentyTwelve” parent theme.Any ideas why this might be???
Try this – in the child theme style.css file:
/* Theme Name: ColorWay Template: colorway */ @import url("../colorway/style.css");
Then you need to activate the child theme.
Can you please verify where or how I activate it, I cannot seem to find where that must occur?
The above that you asked me to try, am I to try just that text, and completely remove the other stuff about the footer etc?
Just put the above in the child theme style.css file – and then activate the child theme – let’s get it working before we worry about the footer.
Activate it like a normal theme.
You put the child theme in /wp-content/themes/themename right?
WPyogi -> I have entered the above into the style.css file.
I put the child theme in /wp-content/themes/colorway-child
Should the colorway-child theme be right under the Colorway theme file or should it just be under themes as it currently is?
- The topic ‘Changing Footer Colour’ is closed to new replies.