roeiboot
Member
Posted 1 year ago #
trying to replace the boring gray vertical bar in front of quoted text with a quote symbol, i looked and tried what's in this post: http://wordpress.org/support/topic/389530 but it does not work, closest i got was that the symbol (image i downloaded and put in my theme/images folder) wa on top of the text...
here's the code i think i need to edit:
blockquote {border-left: 5px solid #ddd; margin: 15px 30px 0 10px; padding-left: 20px;}
blockquote cite {display: block; margin: 5px 0 0;}
a {color: #9cf;}
what do i change it to ?
thanks.
link?
although css changes have very little to do with wordpress,
you might get more help if someone can actually see how your blockquote looks now ...
it is probably only the question of a few changes to padding, margin, or background position.
roeiboot
Member
Posted 1 year ago #
for instance, this is my style for blockquote - a bit more complex as it uses an open 66 and a close 99 quotation mark background image:
blockquote {
display:block;
clear:both;
background: transparent url(images/endquote.png) right bottom no-repeat;
border: 1px solid #ddd;
padding: 0px 30px 8px 5px;
margin: 10px;
}
blockquote p:first-child {
background: url(images/openquote.png) left top no-repeat!important;
padding-top:5px;
padding-left:30px;
}
blockquote p {
padding-left:30px;
}
the images have to be located in the /images folder of the theme.
and this is haow it looks http://yfrog.com/n7blockquotesj
you will also find various tutorials online to style blockquotes: search for 'styling blockquotes with css'
roeiboot
Member
Posted 1 year ago #
regardless of what i do, it messes up the entire layout :(
