Support » Theme: Twenty Eleven » [Theme: Twenty Eleven] Help With Minor Change in Theme

  • 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/

Viewing 8 replies - 1 through 8 (of 8 total)
  • 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!

    Thread Starter mbryant

    (@mbryant)

    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

    Review Child_Themes.

    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.

    Thread Starter mbryant

    (@mbryant)

    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…

    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?

    Thread Starter mbryant

    (@mbryant)

    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!

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

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘[Theme: Twenty Eleven] Help With Minor Change in Theme’ is closed to new replies.