[dzanello]

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?

[Kenneth John Odle]

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]

dzanello

#19326

Thanks – where could I paste that code?

[Kenneth John Odle]

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!

[Kenneth John Odle]

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]

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?

[Kenneth John Odle]

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;}