• Relatively new to WP/themes. The theme for the website I’ve inherited is twentyeleven – which I see is either Light or Dark. Is it possible to have (or define) a gray ‘bkgnd’?

    The website is: http://www.firechaplain101.org

    There is an image specified for the background – which works OK but there is a second black ‘background’ surrounding all the header/content/footer info (I don’t know what to call it – so looking for ways to change it is frustrating).

    Not sure if choosing another theme would help

Viewing 12 replies - 1 through 12 (of 12 total)
  • Sam

    (@soumendra)

    Hello,

    you can try this in your Custom CSS for achieving that:

    #page {
        background: none repeat scroll 0 0 #666;
    }

    Thank you.

    Thread Starter WPrap

    (@wprap)

    Thanks for the response Sam

    Unfortunately it didn’t change it after added to my child style.css
    (at least think added).

    questions
    How do you verify that the code is actually there – fireBug didn’t show anything?
    How did you determine this might work?

    Just found a #page (for div ) whose ‘color:’ changed the area concerned but it is dark.css (line 12) … is that “ovder-ridden” by the custom style?

    Sam

    (@soumendra)

    Hello,

    Might be the code you have added is overwritten by some other one. You can try this instead in your Child Theme’s style.css.

    #page {
    background: none repeat scroll 0 0 #666 !important;
    }

    Thank you.

    Thread Starter WPrap

    (@wprap)

    Thanks … but … no change

    To clarify, are you trying to change the background color of the menu area (around the text “Under Construction | Home | About Us”, etc.) and the footer area (around the text “Proudly powered by WordPress”)?

    Thread Starter WPrap

    (@wprap)

    around the text “Under Construction | Home | About Us”, etc.

    NO (found how to change that)

    around the text “Proudly powered by WordPress”

    YES

    Suspect would have to change various places in dark.css

    Since you’re already using a child theme, you could try this code in your child theme’s stylesheet:

    #colophon #site-generator {
    	background: #666;
    }
    Thread Starter WPrap

    (@wprap)

    Thanks for the sugg … but again … no change

    suspect wouldn’t change permanently anyway … too many diff colors

    How do I change dark.css? (put copy in child & modify?)

    When I looked at your site (10:02pm, Mountain time), you had this code on line 41 of your child theme’s stylesheet:

    #colophon #site-generator {
    	background: #ccc !important;
    }

    and it currently works. (It also works without the !important.) Has this issue been resolved?

    Thread Starter WPrap

    (@wprap)

    Thank you for taking the time to look at this. I’m just now trying to get experience with WP.

    It didn’t do anything when I tried it. (did my coding look OK?)

    My hosting service is NetFirms and I suspect some sort of caching problem … other additions [eg originally #access {…xx-large;} was for { …bold;) but I changed it trying to isolate the cascading problem] to the custom styles.css in my child work sporadically and I have an outstanding ‘support ticket’ with the company. (Even though the ‘bold’ is not there, the menu items are still bold …. strange!)

    I suspect that since the additions sometimes work my child “structure” is correct.

    Thread Starter WPrap

    (@wprap)

    stephencottontail – works for you … doesn’t for me — does it make a diff that other code is before or after in child styles.css?

    Thread Starter WPrap

    (@wprap)

    stephencottontail – my apologies, the #colophon code DID work, it just wasn’t the area I was expecting. It changed the area at the bottom of the page and (not expecting that) I hadn’t scrolled down before. The area changed I consider the bottom footer (maybe not WP parlance).
    Anyway, Thank you for the help.

    At least this fiasco had 3 good results:
    – it told me what to change if that area ever needs a diff color;
    – indicates that my child style.css is working correctly;
    – and, it showed that the hosting was caching and shouldn’t be.

    Thanks again

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Changing Dark 'background' to Gray’ is closed to new replies.