• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

LIfestyle Pro BlockQuote Italic?

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › LIfestyle Pro BlockQuote Italic?

This topic is: not resolved

Tagged: blockquote, italic, lifestyle Pro

  • This topic has 9 replies, 2 voices, and was last updated 10 years ago by abrightclearweb.
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 19, 2013 at 3:25 pm #74256
    moxiegirl
    Member

    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/
    November 19, 2013 at 4:05 pm #74268
    abrightclearweb
    Member

    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;

    November 19, 2013 at 4:25 pm #74271
    moxiegirl
    Member

    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?

    November 19, 2013 at 5:04 pm #74275
    abrightclearweb
    Member

    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?

    November 19, 2013 at 5:15 pm #74277
    moxiegirl
    Member

    I 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 #74278
    abrightclearweb
    Member

    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.

    November 19, 2013 at 5:37 pm #74280
    moxiegirl
    Member

    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.

    November 19, 2013 at 5:47 pm #74281
    abrightclearweb
    Member

    OK, 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 #74285
    moxiegirl
    Member

    No dice. It's so weird.

    November 20, 2013 at 6:29 am #74353
    abrightclearweb
    Member

    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
Viewing 10 posts - 1 through 10 (of 10 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble