Need help? Check out our Support site, then


How to insert pull codes

  1. Hello. I wonder can anyone help me with this please? I would like to introduce pull quotes to my theme, Purpose. I understand I will have to add CSS to my theme stylesheet, and then use HTML in my post text editor. So far I have tried various pieces of code I have found from searching the web but can't seem to make any of it work. I must be missing something important. Where am I going wrong? This is not really my area but I am keen to learn.
    Thank you.

    The blog I need help with is aliisaacstoryteller.com.

  2. Hi,

    This link to a similar forum discussion might be able to help. :)

    https://en.forums.wordpress.com/topic/pull-quotes-1?replies=9

  3. Hello!

    Adding pull quotes is a great question. I had a quick look and managed to do a basic pull quote using these steps...

    First, add a pair of span tags around the text to be used as the quote, along with a unique class (in this case 'pull')

    <span class='pull'>Four score and seven years ago</span>

    Then under your custom CSS (Themes -> Customize -> Additional CSS) add your pull class markup..

    .pull {
    width: 200px;
    padding: 5px 5px 10px 65px;
    background: url(/images/blockquote.png) no-repeat;
    border-bottom: 5px solid #1b304c;
    float: left;
    font-size: 1.2em;
    color: #262a31;
    font-weight: bold;
    margin: 10px 10px 10px 0;
    }

    Naturally the look and feel of the quote will require some changes to this CSS, but that should get you started.

    Give that a try, and let us know how you go!

  4. Thank you for the link, shaunfelicien, I have bookmarked it.

    TerryBrownell... IT WORKED! Thank you, I have been trying to figure it out for two days.

    Both of you, thank you so much for your prompt and helpful replies. I very much appreciate it. ☺

  5. My pleasure!

Topic Closed

This topic has been closed to new replies.

About this Topic