WordPress.org

Ready to get started?Download WordPress

Forums

Twenty Eleven
Help With Minor Change in Theme (9 posts)

  1. mbryant
    Member
    Posted 3 years ago #

    Hello,

    I am a newbie here, and I would like help making a minor change to my TwentyEleven theme. I have already set up a child template and copied over the style.css file to the new directory.

    I simply would like to know how to change the color of the main black bar that sits across the page just below the header...the bar that includes the "Home" button and "Search" box. I would love to be able to change this bar to a different color. Otherwise, the theme is perfect!

    Thanks in advance for your patience and help.

    Cheers,
    Matt

    http://wordpress.org/extend/themes/twentyeleven/

  2. maqtanim
    Member
    Posted 3 years ago #

    Hi,

    I think you are talking about the top navigation bar. To change the color of the top navigation bar, simply put the following piece of code in the child theme's style.css file.:

    #access {
    background: red;
    }

    In the place of red, put your desired color name or hex code. Hope it will work!

  3. mbryant
    Member
    Posted 3 years ago #

    I put the code above into the style.css file in my twentyeleven-child directory. But, when I view the edit function of my twentyeleven theme, I see that it is still referencing the parent style.css file. How can I get it to recognize or use the child style.css instead?

    Thanks!
    -Matt

  4. esmi
    Forum Moderator
    Posted 3 years ago #

    Review Child_Themes.

  5. maqtanim
    Member
    Posted 3 years ago #

    Have you added the following few lines in the top of the style.css of the child theme?

    /*
    Theme Name: Twenty Eleven Child Theme
    Author: Me
    Template: twentyeleven
    */
    
    @import url("../twentyeleven/style.css");

    Please visit esmi's link too to know how to create a child theme.

  6. mbryant
    Member
    Posted 3 years ago #

    I have reviewed the child theme link, and input both the code above, and activated the child theme in my dashboard. The header image changed to one of the stock header images, where I had previously loaded my own custom image for the header. That's not what I wanted to changed...What I am trying to change is the color of the black nav bar that runs across the bottom of the header image...where the Home and Search features are located. Any ideas?

    Thanks again...

  7. esmi
    Forum Moderator
    Posted 3 years ago #

    The header image changed to one of the stock header images, where I had previously loaded my own custom image for the header.

    A child theme is still treated as a new theme. As custom headers are saved on a per-theme basis, you just have to re-upload your custom header into your child theme.

    With regard to the rest of the changes, can we see your site?

  8. mbryant
    Member
    Posted 3 years ago #

    Ok, I've reloaded my own header image, which looks fine. But I still cannot figure out how to change the color of the black navigation bar that runs across under the header. Here is my site at the moment:
    http://www.mbryantstudio.com/

    And here is everything that I have added so far to the top of the child theme:

    /*
    Theme Name: Twenty Eleven Child Theme
    Author: Me
    Template: twentyeleven
    */

    @import url("../twentyeleven/style.css");

    #access {
    background: red;
    }

    And a new funky thing....normally just to the upper right of the entry there is a quote bubble that highlights when you roll over it to add a comment...for some reason it has turned into a square!

  9. esmi
    Forum Moderator
    Posted 3 years ago #

    Start by removing all the parent CSS that you've pasted in the child's stylesheet

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic