How to insert pull codes

  • Author
  • #2998821

    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




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



    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!


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


    My pleasure!

The topic ‘How to insert pull codes’ is closed to new replies.