Shadows

[C.C. Blewett]

I want to get rid of the drop shadow effect but cannot figure out how. I’m familiar with child themes and have customized several Twenty-Ten and similar themes, but I’ve “wasted” hours trying to get rid of these shadows. My client wants a plain white background.
http://www.heartoftexasranch.net/news
Thanks,
C.C.

[Sushil Adhikari]

wow… I almost didn’t recognize the theme, lol. Anyway, the shadow is found in the theme’s style.css file around line 124 and looks like this:

[code type=css]#content-wrapper {
min-height:200px;
background-color:#f8f8f8;
border-bottom:5px solid #595a67;
border-radius:60px 60px 0 0;
-webkit-border-radius: 60px 60px 0px 0px;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .2);
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .2);
}

It’s the -webkit-box-shadow and the box-shadow. You can even remove the border radius if you wish.

[C.C. Blewett]

Thanks, but I had already tried that. In fact, what you saw/see on the site is this style:
#content-wrapper {
min-height:200px;
background-color:#fff;

}

I don’t know if it matters, but what I always do is copy all the styles from the main style sheet to the child style sheet and then change what I need to.
At least, after your response, I know that I was on the right track, but something is obviously over-riding what I’m trying to do.
Other ideas?
Thanks

[Sushil Adhikari]

Sorry my fault… forgot about something. The parent theme still has the shadow, so what I suggested won’t work. But what will (or should as I tested it) is in your child theme, change the box shadow values to none; like this:

-webkit-box-shadow: none;
box-shadow: none;

[C.C. Blewett]

Hooray! Thanks for the quick responses.
C.C.

[Author]

Posts