[resolved] Twenty Eleven (6 posts)

  1. Taktik Communication
    Posted 2 years ago #

    I'm working on a child theme of Twenty Eleven with "Dark" Theme Option enabled.

    I just want to change the "main" (main div) color.
    IE: where the text is
    NOT: the background of the site

    For the life of me I can't understand what to put in the style.css to change that

    please help!!!!!!!!!!!!!!!!!

  2. esmi
    Forum Moderator
    Posted 2 years ago #

    Try using Firefox with the Firebug add-on for this kind of CSS work.

  3. Taktik Communication
    Posted 2 years ago #

    Hi Esmi

    I do have firebug
    I still I can figure it out :(

    Firebug seems to tell me that the following code is responsible for the color I'm looking for:

    body {
        color: #BBBBBB;

    I put it in STYLE.CSS and it won't work

    (with a new color value of course)

    please help :(

  4. DaveCoast
    Posted 2 years ago #

    With firebug it is a pain in the noodle to find a place to click the inspect to find the #page element (just guessing that this is what you are looking for) - if you place your point just under the nav bar on the far right side you should notice the firebug selection grab the whole page.

    Or just try your test color with #page {color:...}.

  5. as the 'dark.css' is loaded after the style.css of the child theme, you need to use !important to force any color or other css changes;


    #page {color: #123edf!important;}

  6. Taktik Communication
    Posted 2 years ago #



    Thank you so much alchymyth

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.