I'm trying to remove the "block-gradient.png" image that's set for the background of a particular block. The block id is "#block-block-6" It looks like the css corresponding to this is as follows:

#sidebar-first div.block div.content,
#sidebar-last div.block div.content,
#postscript-wrapper div.block div.content {
background: transparent url('images/block-gradient.png') no-repeat center bottom;
border-bottom: 3px solid #F1F5F7;
padding: 10px 3px 8px 0px;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
}

I thought I could do this by simply adding a line to my local.css file that says:

#block-block-6 {
background: none;
}

But I am having no luck at all. I've tried so many things I think I've got myself totally confused. Any help, hints, tips would be greatly appreciated!

Comments

robynruckel’s picture

robynruckel commented

Oops! Forgot to mention the url http://www.rejuvinstitute.com

jeremycaldwell’s picture

jeremycaldwell commented
Status: Active » Fixed

The gradient background is actually applied to the divs wrapping the block class id you mentioned above so no way to change it's parent items without some help. Try installing the Block Class module (http://drupal.org/project/block_class) and making so changes to the block.tpl.php then adding a class to that specific block and stripping the background styling from it similar to how you did above. It's quite a process but it can be done.

stephenrobinson’s picture

stephenrobinson commented

You can try more id over classname precedences and make sure your altered stylename comes last, reset the image to a transparent image, or use the blocktheme module?
S:)

 #content #block-block-6 {
  background: none;
  background: transparent url('images/trans.png') no-repeat center bottom;
}

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.