pullquotes

waduncan · Member · Dec 30, 2014 at 11:16 am
Copy link

Add topic to favorites
I’m looking to make pullquotes (as in here: http://hechingerreport.org/content/behind-common-core-math-standards-will-survive_18566/) in Academica and MH Magazine. Can anyone help?

Thanks,

Bill

The blog I need help with is: (visible only to logged in users)
timethief · Member · Dec 30, 2014 at 7:32 pm
Copy link
Hi there,
Sorry but we cannot help you here as we provide support only for WordPress.COM blogs and that site is not one of them.

WordPress.COM and WordPress.ORG are completely separate and have different logins, features, run different versions of some themes with the same names, and have separate support forums. read the differences here > http://en.support.wordpress.com/com-vs-org/

If you don’t have a username account at WordPress.ORG click http://wordpress.org/support/ and register one on the top right hand corner of the page that opens, so you can post to the support forums there.

Resetting your WordPress.ORG password http://codex.wordpress.org/Resetting_Your_Password
WordPress.org support docs are at https://codex.wordpress.org/Main_Page
galois · Member · Dec 30, 2014 at 7:45 pm
Copy link
@timethief: http://anhpe.org/ is a WordPress.COM blog & uses Academica theme.
timethief · Member · Dec 30, 2014 at 7:49 pm
Copy link
@galois
Oh my! Thanks so much for your correction. I’m sorry I misunderstood.
That theme does not have the pull quotes feature so waduncan will have to wait for Staff help.
galois · Member · Dec 30, 2014 at 7:52 pm
Copy link
That theme does not have the pull quotes feature so waduncan will have to wait for Staff help.

Right. And MH Magazine either.

Have a great day/night :)
timethief · Member · Dec 30, 2014 at 7:53 pm
Copy link
There is no URL for the MH Magazine blog provided as yet.
thesacredpath · Member · Dec 30, 2014 at 7:54 pm
Copy link
What you would do would be to create your own CSS class for your pull quote and include the styling. An example of the CSS would look like this:
```
.my-pull-right {
background: url("URL_OF_IMAGE") no-repeat scroll left top transparent;
border-bottom: 1px solid #cc0000;
border-top: 1px solid #cc0000;
float: right;
font-style: italic;
font-weight: bold;
font-size: 20px;
margin: 10px 0 10px 10px;
padding: 10px;
text-indent: 10px;
width: 200px;
}
```
This is just an example similar to the one that you referenced. You would replace URL_OF_IMAGE between the quote marks in the background declaration with the image you wanted to use for your quote. Personally on pull quotes, I don’t typically include an image since the quotes are narrow and it takes up room.
timethief · Member · Dec 30, 2014 at 7:54 pm
Copy link
@galois
Best wishes to you for a great day today and always.
waduncan · Member · Dec 30, 2014 at 7:58 pm
Copy link
Wow, thesacredpath, I really appreciate your code.

So would it then appear in the dropdown formatting menu? Or what would be the html I would use?
thesacredpath · Member · Dec 30, 2014 at 10:33 pm
Copy link
Sorry, I forgot to mention how to use it. Type in the quote, select all the text in the quote, click the quote button and then switch to the Text tab in the editor and find that quote. In the opening blockquote HTML tag, you would do this:
<blockquote class="my-pull-right">
That change may not show up in the editor, but it will show up if you preview your post/page and then also appear on your site after you publish it.
waduncan · Member · Dec 30, 2014 at 11:09 pm
Copy link
Perfect! Thanks so much!
waduncan · Member · Dec 30, 2014 at 11:29 pm
Copy link
I just tried it and just right!
thesacredpath · Member · Dec 31, 2014 at 2:08 am
Copy link
You are welcome.
timethief · Member · Dec 31, 2014 at 7:19 pm
Copy link
@thesacredpath
Happy New year to you and yours! :)
thesacredpath · Member · Dec 31, 2014 at 8:19 pm
Copy link
The same to you @timethief! :)

No items found.