Need help? Check out our Support site, then


Pull Quote Formatting

  1. williamgrovefanning
    Member

    (1) What is the css for changing the width of the right margin of my pull quotes? I want the quote to extend further to the right into my page.

    (2) I also want to add a background image (A large quotation mark.)

    While I can find css for this with regard to WP.org, I can’t find the css for my theme on WP.com Thanks!

    An example of a page is: http://enviroethics.org/2013/11/14/your-government-at-work/

    My theme is Twenty-Eleven.

    The blog I need help with is enviroethics.org.

  2. williamgrovefanning
    Member

    Here is my current css

    color: #333;
    border-left: .2em solid #102a88;
    padding-left: .5em;
    }

    blockquote.pull {
    font-size: 18px;
    font-weight: 600;
    font-style: italic;
    color: #003366;
    padding-right: 2.5em;
    }

  3. williamgrovefanning
    Member

    Sorry, it's this:

    blockquote {
    color: #333;
    border-left: .2em solid #102a88;
    padding-left: .5em;
    }

    blockquote.pull {
    font-size: 18px;
    font-weight: 600;
    font-style: italic;
    color: #003366;
    padding-right: 2.5em;
    }

  4. Nice Job! I see you got the quote mark in. I've used the pull CSS for Twenty Eleven as a base for doing my own. It works pretty nicely. You can use your web inspector and take a look at this post on the Twenty Eleven demo site.

  5. williamgrovefanning
    Member

    Super, Thanks Sacred. Still playing with the margins. I also dropped the border that I had to the left of the pull quote; I like the quote mark better. Cheers!

  6. You are welcome.

Topic Closed

This topic has been closed to new replies.

About this Topic