Hi! I searched a lot, so forgive me if this has already been asked. A client of mine would like the blockquotes to have an image of a quote/apostrophe thing in it. My initial attempts to apply the image have been unsuccessful. It's a square image, a box. Is this possible?

Thanks in advance!

Add a CSS Insert

blockquote {
padding-left: 70px; /* make room for the image on the left side */
background: transparent url(/wp-content/themes/atahualpa332/images/blockquote.gif) no-repeat top left;
border: 0;
}

Originally Posted by Flynn

Add a CSS Insert

blockquote {
padding-left: 70px; /* make room for the image on the left side */
background: transparent url(/wp-content/themes/atahualpa332/images/blockquote.gif) no-repeat top left;
border: 0;
}

Thanks so much Flynn- I've been knocking around but can't for the life of me figure where- is it in the Stylesheet?


Thanks again!

Add it at Atahualpa Theme Options -> HTML/CSS Inserts -> CSS Insert

I used the code with Atahualpa333 but it didnt work. I don't think the image exists.

blockquote.gif was just an example, it does indeed not exist in the theme

I was about to ask this same question, but search found this answer. Thanks, it worked a treat. Donation incoming.

Here are some open and close quotes you can use

I'm still having trouble getting the quote image to appear. I've uploaded it to my server in the images folder through my FTP client, and I've tried putting the above-quoted code in both the Style Blockquotes section of the CMS and just by adding it to the CSS as Flynn suggested. What am I doing wrong?

http://www.outfrontcolorado.com/blog/?p=11

Thanks in advance for the help!

try putting the full url to the quotes

Juggledad,

Once again, you come to my rescue. This isn't crucial, but is there a way to overlay the text on top of the quote image? I obviously wouldn't want the image to block the text, but just have it essentially as a background image in the upper left corner of the actual blockquote text?

Thank you again!

reduce the padding - you have

blockquote {
padding-left:70px;
background:transparent url(http://outfrontcolorado.com/blog/wp-admin/images/beginquote.gif) no-repeat top left;
border:0
}

try

blockquote {
padding-left:10px;
background:transparent url(http://outfrontcolorado.com/blog/wp-admin/images/beginquote.gif) no-repeat top left;
border:0
}

Thanks so much, Juggledad! That did the trick. Blockquotes issues resolved. Awesome.

http://www.outfrontcolorado.com/blog/?p=11