CSS Blockquote font change (different from main post’s font) help

thehype · Member · Feb 18, 2007 at 7:45 pm
Copy link

Add topic to favorites
Hi (another help question for my blog with the Regulus theme ;)

I’m thinking rather than adding the blockquote span font family manually, I wanted to make it part of the CSS.
```
#content blockquote {
background:url('http://hypun.wordpress.com/files/2007/01/quote2.png') top left no-repeat !important;
background-color:#ace !important;
<b>font-family:'Arial' !important;</b>
width:420px;
border-left:30px solid #fff;
margin:15px;
padding:1px 10px 1px 83px;
}
```
I started off with that.. and then I even started another #content blockquote { and tried that but no dice.

Is this one possible? thanks guys in advance!
cornell · Member · Feb 18, 2007 at 9:39 pm
Copy link
This might answer your other thread! That border-left: 30px is what’s causing the dodgy white offset in comments.

I don’t see why it shouldn’t be possible, but you might find that the
```
<b>
```
tag around the font family is screwing it up. Defining a second #content won’t unfortunately work. It will be ignored by the theme when trying to view.

HTH

Collin
thehype · Member · Feb 18, 2007 at 10:08 pm
Copy link
Well, heh that <b> was just me being cute in trying to highlight what I’m attempting here ha!

My trial error over here hasn’t gotten a lucky bounce yet
sunburntkamel · Member · Feb 21, 2007 at 3:57 pm
Copy link
apparently anything you define in blockquote is being overridden by the default paragraph styling. try this:
```
#content .snap_preview blockquote * {
font-family:'Arial' !important;
}
```
the * will get anything inside the blockquote. wordpress will automatically add a paragraph tag inside the blockquote.
thehype · Member · Feb 21, 2007 at 8:14 pm
Copy link
Ohh.. cool! Yeah that works. Thanks SBK!

But what is .snap_preview out of curiosity? Was that as important as the * ?
engtech · Member · Feb 21, 2007 at 8:34 pm
Copy link
You know that annoying snap_preview widget? They’ve added another DIV with the snap_preview class in #content, so that snappreview links only show up in your blog posts.
sunburntkamel · Member · Feb 21, 2007 at 8:43 pm
Copy link
what engtech said.

it’s just a way of being more specific. it was a little hack i tried, that didn’t work. i forgot to delete it when i copied the solution.

so no, it’s completely unimportant.
thehype · Member · Feb 21, 2007 at 9:18 pm
Copy link
Ahh, yeah I did find those snap preview widget very obtrusive and frankly unnecessary. Just too many things happening..

Very cool guys, thanks for the insight! Learning new things as I go! :)

No items found.