WordPress.org

Support

Support » Themes and Templates » Changing Footer Colour

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.

Viewing 15 replies - 1 through 15 (of 27 total)
  • Siobhan Bamber (siobhyb)

    @siobhyb

    Automattic Happiness Engineer

    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?

    Siobhan Bamber (siobhyb)

    @siobhyb

    Automattic Happiness Engineer

    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)

    Michael

    @alchymyth

    Forum Moderator

    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.com

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

    WPyogi

    @wpyogi

    Forum Moderator

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

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

    WPyogi

    @wpyogi

    Forum Moderator

    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?

    WPyogi

    @wpyogi

    Forum Moderator

    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?

Viewing 15 replies - 1 through 15 (of 27 total)
  • The topic ‘Changing Footer Colour’ is closed to new replies.
Skip to toolbar