troubleshooting Question

Overruling a too fancy block quote style....

Avatar of Rowby Goren
Rowby GorenFlag for United States of America asked on
4 Comments1 Solution256 ViewsLast Modified:
Hello CSS experts,

I have a style that controls blockquotes that I want to override.  One of the issues is it calls for an image.  And I am not sure how to override an image to have no image.

Here is most of the css.  There may be other css scattered throughout the assorted css files on the site (including one in bootstrap.css) but I think if I can override the below style (found via firbug) , it will get me close enough to the results I want.

blockquote:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    content: url("blockquotes.png") !important;
    margin-right: 15px;
    position: relative !important;
    vertical-align: super;
blockquote:after {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
blockquote {
    background: none repeat scroll 0 0 #CCCCCC;
    border-left: 10px solid #8F8F8F;
    border-radius: 0 10px;
    color: #544C4A;
    font: italic 12pt/1.2em Georgia;
    margin: 10px !important;
    padding: 10px !important;
    text-shadow: 1px 1px 1px #FFFFFF;
    width: 60%;

I don't want to modify the above, I want a new rule to over ride the above.  I think I have to override each element in the above, right?
 vertical-align: super;    -- I assume I change that to
 vertical-align: normal;
padding -- I can change that to whatever.  ie. 0px

Most I can figure out, however things like:
  content: url("blockquotes.png") !important;
    position: relative !important;

even font-color -- how do I say use default body font OR whatever font may or may not be currently used in a controlling div or style that may already be controlling the overall font color (and size) for this section of a page.  Is this what "inherit" is used for???

So, in summary, what I am asking for is for a blockquote set of rules that will overrule and will, where appropriate, default to a style which may be already controlling the "look" of a div etc.  I would like the blockquote to be as generic as possible.

And how should I deal with !important  ???

But maybe I am over explaining this --  let's keep it simple, first! :)

Join our community to see this answer!
Unlock 1 Answer and 4 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 4 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros