Changing the header print color in theme 2013 to white

  • Resolved davidthain

    (@davidthain)


    11 years, 5 months ago

    In the main theme style.css file I changed

    this
    .site-header .home-link {
    color: #141412;
    display: block;
    margin: 0 auto;
    max-width: 1080px;
    min-height: 230px;
    padding: 0 20px;
    text-decoration: none;
    width: 100%;
    }

    to this
    .site-header .home-link {
    color: rgb(255,255,255);
    display: block;
    margin: 0 auto;
    max-width: 1080px;
    min-height: 230px;
    padding: 0 20px;
    text-decoration: none;
    width: 100%;
    }

    and it works fine and changes header print to white

    I put the main style.css 2013 theme back to original black – and all was still fine

    However when I made the same change to my 2013 child theme – it didn’t work
    Could someone tell me what else I need to do to my 2013 child theme

    Many thanks

Viewing 11 replies - 16 through 26 (of 26 total)
  • Thread Starter davidthain

    (@davidthain)

    Thanks again

    Thread Starter davidthain

    (@davidthain)

    Thanks again

    Thread Starter davidthain

    (@davidthain)

    and finally…..

    I put this style.css into my child of twentythirteen theme – and (after activating the child theme) the style sheet is still not picked up. What else needs to be done?

    /*

    Theme Name: Child of Twenty Thirteen
    Description: Child theme based on Twenty Thirteen
    Author: David Thain
    Version: 1.0.0
    Template: twentythirteen

    */

    /* Imports all styles from the Twenty Thirteen stylesheet */
    @import url(‘../twentythirteen/style.css’);

    Thread Starter davidthain

    (@davidthain)

    And the answer is…..

    Don’t call the theme folder “child of twentythirteen”
    Call it “child-of-twentythirteen”

    So is all working well now?

    Thread Starter davidthain

    (@davidthain)

    Not quite Josiah.

    I can do the white print in the header – works fine. However, I have an uploaded header image and when I activate the child theme the white print shows, but on the original “circles” default 2013 theme header image. I have copied the header file across from main 2013 theme to 2013 child theme – but it is obviously not enough because it doesn’t work. What else do I need to do?
    Thanks

    David

    I’m seeing something that’s is not the circles. You should be able to upload your header image via some theme options, then you can edit the child theme’s css:

    I did this and got white text:

    .site-title {
    font-size: 60px;
    font-weight: bold;
    line-height: 1;
    margin: 0;
    padding: 58px 0 10px;
    color: #fff;
    }

    Let me know if that helps.

    Thread Starter davidthain

    (@davidthain)

    All is now good – thanks to all who have offered helpful comments. The final problem (“I’m seeing something that’s is not the circles. You should be able to upload your header image via some theme options, then you can edit the child theme’s css”) was simply caused by the theme defaulting back to an original theme image – probably because I was switching back and forth (from child to main) and constantly changing the style.css file

    Glad I could help. Let me know if you ever need anything else.

    Hi, I am new to this so I don’t know if this is how to ask my question but here goes..
    my site is womensheartandsoulworkshops.com. I want to change the color of the text in the header as well as bold the names under Heart and Soul Living. How do I do that?

    Thank you
    Vida

    @vidagroman: If you require assistance then, as per the Forum Welcome, please post your own topic.

Viewing 11 replies - 16 through 26 (of 26 total)
  • The topic ‘Changing the header print color in theme 2013 to white’ is closed to new replies.