Child / sub page backgrounds

  • dzanello

    #2201

    On the links to child pages, from the parent page, the background is a light blue, HTML #e9ecf5. (http://wp.timberlane.net/ms/ – look for the links for Calendar and Daily Bulletin)

    How can I change this to a different color to match the color scheme for the rest of the site?

    Mod

    Kenneth John Odle

    #19325

    Firebug tells me that this is a <div> with class “post child-page page”, so try this code:

    .post .child-page .page {background: #CCCCCC;}

    This is NOT tested; you may have to play around with it a bit.

    dzanello

    #19326

    Thanks – where could I paste that code?

    Mod

    Kenneth John Odle

    #19327

    either your child theme’s custom stylesheet (if you are using a child theme) or

    Graphene Options >> Display >> Custom CSS

    Be sure to click “Save Options” afterward!

    Mod

    Kenneth John Odle

    #19328

    I just realized I made a mistake in the original code, but have corrected it now. Also, you would want to change #CCCCCC to whatever your desired color code is.

    dzanello

    #19329

    Already made the same corrections, and saved the page – but with no change in color. Any way to search the code to find where the original color is being assigned?

    Mod

    Kenneth John Odle

    #19330

    I did say you might have to play around with it a bit.

    Searching the code:

    Use Firebug. Here’s a tutorial:

    http://blog.kjodle.net/2011/10/02/using-firebug-to-tweak-your-blog/

    Unless you meant searching the stylesheet. In that case, just open it in a text-editor and use the built-in search function.

    Also: try reloading your page. If you have a cache enabled, you will want to be sure to clear your cache and then reload the page.

    you can also try:

    .child-pages-wrap background{#CCCCCC;}

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.