Avatar of Rowby Goren
Rowby Goren
Flag for United States of America asked on

Overruling a too fancy block quote style....

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

Open in new window


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?
I.e.
 vertical-align: super;    -- I assume I change that to
 vertical-align: normal;
padding -- I can change that to whatever.  ie. 0px
etc.

Most I can figure out, however things like:
  content: url("blockquotes.png") !important;
  and
    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! :)

Thanks!
Rowby
CSS

Avatar of undefined
Last Comment
Rowby Goren

8/22/2022 - Mon
ASKER CERTIFIED SOLUTION
Kyle Hamilton

THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
GET A PERSONALIZED SOLUTION
Ask your own question & get feedback from real experts
Find out why thousands trust the EE community with their toughest problems.
Rowby Goren

ASKER
Hi

I am uploading a clone of the site and will be able to post a link later today.

(It's a big site to the upload to my temporary development server is going to take some time.

Thanks for helping and we'll resume after the site is uploaded for your reference.

Thanks

Rowby
Kyle Hamilton

hey Rowby,

I'm going away for 3 weeks, so when you are ready, you should request attention for this question.

Happy holidays,
Koza
Rowby Goren

ASKER
Thanks Koza,

That "fixed" it!

Rowby
All of life is about relationships, and EE has made a viirtual community a real community. It lifts everyone's boat
William Peck