Pull Quote Formatting

williamgrovefanning · Member · Nov 19, 2013 at 1:31 am
Copy link

Add topic to favorites
(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: (visible only to logged in users)
williamgrovefanning · Member · Nov 19, 2013 at 2:46 am
Copy link
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;
}
williamgrovefanning · Member · Nov 19, 2013 at 2:47 am
Copy link
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;
}
thesacredpath · Member · Nov 19, 2013 at 3:28 am
Copy link
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.
williamgrovefanning · Member · Nov 19, 2013 at 3:48 am
Copy link
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!
thesacredpath · Member · Nov 19, 2013 at 3:59 am
Copy link
You are welcome.

No items found.