Hi Tom
I wanted to show a graphic (quote-icn.png) in a blockquote. Here’s the CSS code (using custom CSS from jetpack).
blockquote:before, blockquote:after {
content: ”;
content: none;
}
#content .single-entry-content blockquote {
background: url(./images/quote-icon.png) no-repeat scroll 0 0 transparent;
font-style: italic;
margin: 10px 20px 10px 0;
padding: 0 0 0 80px;
}
#content .entry-content blockquote {
background: url(./images/quote-icon.png) no-repeat scroll 0 0 transparent;
font-style: italic;
margin: 10px 20px 10px 0;
padding: 0 0 0 80px;
}
First issue:
image can’t be found. So i put the code direct into style.css. It worked well. (had to modify stlye.css again after latest theme update, no biggy)
Second issue:
it doesn’t work with Safari and now, it doesn’t work at all.
Thanks for any idea.
Paul