Take the 2-minute tour ×
WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. It's 100% free, no registration required.

I am writing a child theme with Blogolife as its parent. (I'm doing it on a local server, so can't show you the actual page). I have made several changes to the CSS in the child theme's "style.css" file. Up until this point, all those changes showed up fine. However, I am now trying to get rid of a quotation mark image that the parent theme uses after a blockquote. Here is how the CSS appears in the PARENT style.css:

.quote blockquote {
        background: #f8f8f8 url(images/q.png) bottom right no-repeat;
        font-size: 19px;
        font-style: italic;
        line-height: 35px;
        padding: 10px 20px 20px 10px;
}

  blockquote {
        background: #f8f8f8 url(images/q.png) bottom right no-repeat;
        font-size: 19px;
        font-style: italic;
        line-height: 35px;
        padding: 10px 20px 20px 10px; 
}

I copied these portions into the CHILD style.css, and deleted the two "background" lines, which are the only places the q.png image is called (I checked).

Why does the image still show up on my page? (I'm doing the development on a local server, and yes, I saved the child's style.css file ;) ) I also refreshed the cache. When I examine the blockquote element with Chrome Developer tools, the background image still appears in the CSS. I even tried adding a new background color to the blockquote element in my child's CSS using 'background-color:', and THAT shows up, but the stupid image is still there!

Why is everything else in my child's style.css overriding the parent, but the deletion of the call to the image is not? Seems kind of arbitrary.

Thanks.

share|improve this question
add comment

1 Answer

up vote 2 down vote accepted

You have to set a new background or the one defined in the parent stylesheet will be applied.

background-image: none;

Image and color are not mutually exclusive, so both just deleting the background-image line or/and defining a background-color won't change a background image defined somewhere else.

share|improve this answer
    
So the child CSS does not supplant the parent's CSS, it just augments it. Very important to know! –  terrytek Mar 24 '13 at 17:02
    
Well, that depends on the theme and the respective implementation. As a theme developer, you can either include the parent stylesheet first and then include the (optional) child stylesheet---or you can include the stylesheet in the child directory, and only if there is no file, include the parent stylesheet. Your theme seems to do this as described first - which is the common way of doing this. –  t f Mar 24 '13 at 17:46
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.