LIfestyle Pro BlockQuote Italic?

[moxiegirl]

What am I missing here? I can't set the blockquote text to be italic. I have tried to set in at a font-style in the CSS and as italic in the visual editor but neither takes.

TIA
Alycia

http://sandbox1.mupplebee.com/testimonials/

[abrightclearweb]

Try going to this block of code in your child theme's style.css (line 205):

blockquote,
blockquote::before {
	color: #999;
	font-style:italic;
}

and change the line
font-style:italic;
to
font-style:normal;

[moxiegirl]

Thanks for your response! I did add that italic to see if it would make it work. I changed it back to normal as you suggested, but it's not italic when I add the . Any other ideas?

[abrightclearweb]

Sorry, I'm getting mixed up here.

Let me get this right:

You want the blockquote text to be normal font weight in your stylesheet, but only italic when you use the visual editor's italic setting?

And that's not working?

Do you actually want some of the quotes as italic and some normal font?

[moxiegirl]

I want the Blockquote to be italic, always.

After I did what you said, and then applied "italic" in the visual editor nothing changed.

[abrightclearweb]

In that case, you had it right the first time.

Make your blockquote style font-style: italic;, and don't apply italic to the blockquote text in the visual editor. You don't need to do both.

[moxiegirl]

Okay, I put it back in and haven't touched it in the visual editor and still no italics. That was my original problem. I can't get the italics to stick to it.

I got the italics to stick to the Testimonials widget block quote on the home page in the sidebar here: http://sandbox1.mupplebee.com/

I'm stumped.

[abrightclearweb]

OK, try adding an !important to the rule, so you have:

blockquote,
blockquote::before {
	color: #999;
	font-style:italic !important;
}

[moxiegirl]

No dice. It's so weird.

[abrightclearweb]

It is weird! That code shows the italics for me in Firefox and Safari, but not in Chrome, IE or Opera.

Could you try removing the <p> tags from each of your blockquote tags in the text editor, so you have:

<block-quote>“We are BEYOND thrilled with the results of the paint selections we made with Diane.  She has an incredible eye for color and we couldn’t have done it without her.  She helped us choose nearly 20 paint colors for our entire interior and exterior and the compliments we get are never ending.  She was so thorough and detailed with every single room and we can’t possibly thank her enough for her expertise and patience!  I would (and already have) recommend her to anyone.  She saved us time, money and that awful feeling you get when you select the wrong color and have to repaint!  Thank you again Diane!”</block-quote>

and see if that works? (Keep the <p> tags for the testimonial authors.)

Failing that, you could try adding an inline style to the blockquote tags, like this:

<block-quote style="font-style: italic;" >“We are BEYOND thrilled with the results of the paint selections we made with Diane.  She has an incredible eye for color and we couldn’t have done it without her.  She helped us choose nearly 20 paint colors for our entire interior and exterior and the compliments we get are never ending.  She was so thorough and detailed with every single room and we can’t possibly thank her enough for her expertise and patience!  I would (and already have) recommend her to anyone.  She saved us time, money and that awful feeling you get when you select the wrong color and have to repaint!  Thank you again Diane!”</block-quote>

NB I've had to add hyphens to the blockquote tags so they don't display as blockquotes on the forum. You shouldn't do this.

I don't have your theme so I can't test this with certainty myself, but hopefully it will work.

[Author]

Posts