• 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 help

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 help

This topic is: resolved
  • This topic has 2 replies, 2 voices, and was last updated 11 years, 3 months ago by vivekam.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • July 2, 2015 at 11:32 pm #158256
    vivekam
    Member

    Hi guys, I'm trying to style my block quotes a little nicer and what I'm after is a bigger upper left quotation mark that is nice and round and bigger.

    This is my current css:

    blockquote {
    	margin: 40px;
    }
    
    blockquote::before {
    	content: "\201C";
    	display: block;
    	font-size: 30px;
    	height: 0;
    	left: -20px;
    	position: relative;
    	top: -10px;
    }

    Can someone point me in the right directions?

    July 3, 2015 at 8:43 am #158288
    Davinder Singh Kainth
    Member

    To make it bigger, increase font size in following code

    blockquote::before {
    	content: "\201C";
    	display: block;
    	font-size: 30px;
    	height: 0;
    	left: -20px;
    	position: relative;
    	top: -10px;
    }

    Play around with above code to style the quotation mark.


    Sunshine PRO genesis theme
    Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

    July 3, 2015 at 6:46 pm #158315
    vivekam
    Member

    Thanks for the tip. I managed to figure it out.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Blockquote help’ is closed to new replies.

CTA

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

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2026 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