WordPress.org

Ready to get started?Download WordPress

Forums

Changing Footer Colour (28 posts)

  1. jscheps
    Member
    Posted 1 year ago #

    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.

  2. 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!

  3. jscheps
    Member
    Posted 1 year ago #

    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?

  4. jscheps
    Member
    Posted 1 year ago #

    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?

  5. Where did you create the child theme directory?

  6. 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)

  7. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    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.

  8. jscheps
    Member
    Posted 1 year ago #

    Hey
    The live link is http://www.jdeventstyling.com

  9. jscheps
    Member
    Posted 1 year ago #

    I 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???

  10. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Try this - in the child theme style.css file:

    /*
    Theme Name: ColorWay
    Template: colorway
    */
    
    @import url("../colorway/style.css");
  11. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Then you need to activate the child theme.

  12. jscheps
    Member
    Posted 1 year ago #

    Can you please verify where or how I activate it, I cannot seem to find where that must occur?

  13. jscheps
    Member
    Posted 1 year ago #

    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?

  14. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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.

  15. Activate it like a normal theme.

    You put the child theme in /wp-content/themes/themename right?

  16. jscheps
    Member
    Posted 1 year ago #

    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?

  17. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Under themes on the same level as all the other themes. Now find the theme in the themes screen and click on activate.

  18. jscheps
    Member
    Posted 1 year ago #

    Is the child theme supposed to show up as an option?? Or just Colorway? As of right now just colorway is an option...the child theme does not appear

  19. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Did you create a new folder in the themes folder:

    wp-content
       themes
          colorway
          colorwaychild
            style.css (this would be your new one)

    How did you create those?

  20. jscheps
    Member
    Posted 1 year ago #

    What you have put above is how I created it.
    Colorwaychild theme is its own folder under themes.

  21. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    How did you create the new style.css file? Was it using a plain text editor and then uploading the new folder/file using FTP?

  22. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Oh wait a second - my totally stupid mistake - SORRY SORRY - change that name on the top line -

    /*
    Theme Name: ColorWay Child
    Template: colorway
    */
    
    @import url("../colorway/style.css");
  23. Edit: DOH! says Jan. She beat me to the reply.

    This is the problem: you cannot have the same Theme Name in two themes.

    http://www.jdeventstyling.com/wp-content/themes/colorway-child/style.css

    Make it read like so:

    /*
    Theme Name: ColorWay Child Theme
    Template: colorway
    */
    
    @import url("../colorway/style.css");

    That should work then.

    Side note to WPyogi: you're going to go "DOH!" if that's it. :P "Take (mandatory!) breaks" remember? :D

  24. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Yeah, I just saw that too - DOH indeed! And I WAS just off for a couple of hours - LOL :)!

  25. jscheps
    Member
    Posted 1 year ago #

    Ok this worked. I have activated the child theme.
    Now should I try entering the stuff above for the footer? Or how do I proceed with that?

  26. jscheps
    Member
    Posted 1 year ago #

    This completely erased our website though when I clicked view site?

    None of the work we had done is there it is now back to Colorway as the "website" not the one we had created.

  27. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Yep, now add under that @import line:

    .footer-navi {
        background-color: #2B4908;
    }

    Change that to whatever color you want.

  28. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Yes, you will need to redo theme options/settings in the child theme - they aren't all transferred over :(.

Topic Closed

This topic has been closed to new replies.

About this Topic