Community Forums › Forums › Archived Forums › Design Tips and Tricks › LIfestyle Pro BlockQuote Italic?
Tagged: blockquote, italic, lifestyle Pro
- This topic has 9 replies, 2 voices, and was last updated 10 years ago by
abrightclearweb.
-
AuthorPosts
-
November 19, 2013 at 3:25 pm #74256
moxiegirl
MemberWhat 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
http://sandbox1.mupplebee.com/testimonials/
AlyciaNovember 19, 2013 at 4:05 pm #74268abrightclearweb
MemberTry 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;
November 19, 2013 at 4:25 pm #74271moxiegirl
MemberThanks 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?
November 19, 2013 at 5:04 pm #74275abrightclearweb
MemberSorry, 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?
November 19, 2013 at 5:15 pm #74277moxiegirl
MemberI want the Blockquote to be italic, always.
After I did what you said, and then applied "italic" in the visual editor nothing changed.
November 19, 2013 at 5:23 pm #74278abrightclearweb
MemberIn 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.November 19, 2013 at 5:37 pm #74280moxiegirl
MemberOkay, 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.
November 19, 2013 at 5:47 pm #74281abrightclearweb
MemberOK, try adding an !important to the rule, so you have:
blockquote, blockquote::before { color: #999; font-style:italic !important; }
November 19, 2013 at 6:09 pm #74285moxiegirl
MemberNo dice. It's so weird.
November 20, 2013 at 6:29 am #74353abrightclearweb
MemberIt 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.
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.