Pull Quote Formatting

  • Author
    Posts
  • #1529122

    (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.

    #1529233

    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;
    }

    #1529234

    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;
    }

    #1529247

    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.

    #1529253

    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!

    #1529255

    You are welcome.

The topic ‘Pull Quote Formatting’ is closed to new replies.