Change Footer Color ColorWay Theme
-
I am in the process of building my website and i can’t figure out how to change the footer color. I have a kind of electric blue kind of color scheme going and the footer is a dark green and kind of ugly. heres my site:
http://www.christianmusiccentral.beardedcode.com/
thanks!
-
First of all go to your dashboard and check “Appearance” -> “Theme options” if exists for footer color setting. If there’s no such option check “Appearance” -> “Customize”. Again, if there’s no option to change footer color you’ll need to change it in css.
The class for this is .footer-navi and is located in your case in file green.css around line 78.
If I may suggest something: of course you’re free to modify theme files as you wish but it would be much better to create child theme instead of modyfing original one. Here’s more info: http://codex.wordpress.org/Child_Themes
Cheers,
AdamI tried adding a child theme, and found that ColorWay doesn’t support them. I also tried looking in the css, but I can’t find anything like “green.css” I found 10 different lines for “.footer-navi” but when i changed the color to one i wanted it didn’t change anything. There is no option in the “Theme options” or “customize” tabs.
Can you install plug ins? If so, although I have never needed/used one, I think you can get a plug in to help you add custom css. Search the repository for “custom css.”
It that works then you need to add this css:
.footer-navi {
background-color: #2b4908; /* add your desired HEX value */
}Hi ethaning7!
You’ll find “green.css” here:
/wp-content/themes/colorway/css/green.css
Now the reason why changing “.footer-navi” anywhere else didn’t work is because “green.css” stylesheet is loaded AFTER other css files, so if the particular rule (e.g. background:) is duplicated only the last one (in this case from “green.css” file) will be used. The rest will be overriden.
If it comes to child themes it is not a problem with ColorWay because child themes aren’t the feature of theme but WordPress core. If your child theme doesn’t work just run once again through the documentation and try to find errors that you probably made.
That being said, please don’t take me wrong. I mean child themes are preferred but you can of course simply make changes to the original theme 🙂
Good luck!
A.i tried adding this CSS to the theme:
body .footer-container { background: none; background: #30ACFF; }
and it only changed the upper portion of the footer.
any other suggestions? i’m really lost at this point.
thanks.What about this?
body div.footer-container {
background-color: #30ACFF;
}it didn’t change anything
and i was also editing the original css and accidentally turned the text blue. sorry this is my first time doing this stuff!
Thanks for all your help.ethaning7
It didn’t change anything because – as I told you earlier – there’s a colored background set for .footer-navi. I told you where it is defined. If you don’t want to mess with /wp-content/themes/colorway/css/green.css you may try to add in your main css file something like
.footer-navi { background-color:#30ACFF!important; }
at the end of the file. However I’m not sure if it will work and even though using “!important” isn’t recommended. Anyway, I gave you the solution before right on the table, just try it! 🙂
Cheers,
AdamAre you having a go with a child them yet?
So…yeah, child themes. That’s what I’ve done in the past. But I downloaded this ColorWay theme, was about to make my child theme, dug into the CSS, and found this line, which is why there are all these posts asking about custom.css:
To make it easy to update your theme, you should not edit the styles in this file. Instead use the custom.css file to add your styles. You can copy a style from this file and paste it in custom.css and it will override the style in this file. You have been warned! 🙂
Even those of us who have used a child theme before are sitting here scratching out heads thinking, “is there something different about this theme that we don’t know”, and second-guessing the whole child theme thing. Why wouldn’t a developer suggest the standard practice? What’s more, as others have pointed out, what they direct you to do just doesn’t work.
I’m going to go in and try doing the child theme as I had originally intended, but to anyone reading through this chain and feeling puzzled about the custom.css in ColorWay, you’re not alone and you’re not crazy.
- The topic ‘Change Footer Color ColorWay Theme’ is closed to new replies.