Twenty Twelve: Adding blockquote image

  • Unknown's avatar
    solidgoldcreativity · Member ·

    Hi All,

    I want to add a blockquote image to my blockquotes which I’ve used with previous themes (something like this: comment-content blockquote { background: url(‘images/blockquote.png’) no-repeat 0 12px;).

    When I try something similar in Twenty Twelve, I’m not quite getting the syntax right.

    Can you help? Thank you.

    Solid gold creativity

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    Can you give us the link to the actual image you want to use? Typically this will take some adjustments to margins or padding. The basics would be something like this with twenty twelve though:

    .entry-content blockquote {
background: url("URL OF IMAGE") no-repeat scroll left top transparent;
padding-left: 40px;
}

    Replace URL OF IMAGE between the double quotes with the full (absolute) URL of the image uploaded to your media library. You can replace left and top with px values to adjust the position of the image, and then edit the left padding value to get the left side of the text where you want it.

  • The topic ‘Twenty Twelve: Adding blockquote image’ is closed to new replies.