How to insert pull codes

  • Unknown's avatar
    alibaliwalker · Member ·

    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: (visible only to logged in users)

  • Unknown's avatar
    rfelicien · Member ·

    Hi,

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

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

  • Unknown's avatar
    terrybrownell · Member ·

    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!

  • Unknown's avatar
    terrybrownell · Member ·

    Here’s the example.. https://thecrowsnest.ca/2017/08/01/pull-quotes-test/

  • Unknown's avatar
    alibaliwalker · Member ·

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

  • Unknown's avatar
    terrybrownell · Member ·

    My pleasure!

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