• 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

Blockquote before and after quotes in Sample

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 › Blockquote before and after quotes in Sample

This topic is: not resolved

Tagged: blockquote, sample

  • This topic has 2 replies, 2 voices, and was last updated 8 years, 7 months ago by Anita.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • July 29, 2014 at 3:15 pm #116265
    StephanieTreasure
    Member

    I would like to have before and after tags in my blockquote styling. This is the code I am using right now (have tried several):

    blockquote {
    	padding: 24px 64px;
    	padding: 1.5rem 4rem;
    }
    
    blockquote::before {
    	content: "“";
    	display: block;
    	height: 0;
    	left: -20px;
    	position: relative;
    	top: -10px;
    }
    
    blockquote::after {
    	content: close-quote;
    	display: block;
    	height: 0;
    	left: -20px;
    	position: relative;
    	float: rightright;  
           bottombottom: 40px;  
        border-radius: 25px;  
    }

    The after section is my coding. Only the before section was in the Stylesheet before. The font size is styled elsewhere in the stylesheet. It does not work though. I only see the before quote / opening quotes.

    http://www.globalchiropracticalliance.com/email-gcc/
    August 2, 2014 at 8:54 am #116688
    Anita
    Keymaster

    Your code is mismatched. Change the "before" code to "open-quote" and it will work - see below.

    blockquote::before {
    	content: open-quote;
    	display: block;
    	height: 0;
    	left: -20px;
    	position: relative;
    	top: -10px;
    }

    Love coffee, chocolate and my Bella!

    August 2, 2014 at 8:55 am #116689
    Anita
    Keymaster

    Here's more on how to match the CSS - http://css-tricks.com/almanac/properties/q/quotes/.


    Love coffee, chocolate and my Bella!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 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