Skip Navigation

Watercolour Template Quote Style

Travel Forums System Talk Watercolour Template Quote Style

1. Posted by noahv (Full Member, 11 posts) 18 Jun '12 17:37

Hi there - just switched over to the Watercolour template, and like it very much. However, it is not displaying my [quote]'s in a different format. Looking through the template, I don't see CSS for the quote. Am I missing this in the template, and (if so) how do I change it?

2. Posted by Peter (Admin, 5430 posts) 19 Jun '12 00:04

Fair point :)

I'm adding a style for this to the main watercolour template now - but you can also add this to your custom one if you like:

blockquote {

font-style:italic;

font:150% Georgia,serif;

line-height:150%;

padding:0 20px;

}
3. Posted by noahv (Full Member, 11 posts) 19 Jun '12 17:11

Thanks Peter - I added it, and it now formats the blockquote accordingly. Can I add the big quotation mark images around the quote, or otherwise format it to present differently?

4. Posted by Peter (Admin, 5430 posts) 19 Jun '12 17:19

This should add the quotes image:

blockquote {

font-style:italic;

font:150% Georgia,serif;

line-height:150%;

padding:0 20px 0 40px;

background:url(/img/12/icons_sprite.png) no-repeat 0 -367px ;

}

By the way, small tip; I'd recommend sticking all the custom styles you apply to your template right at the end of the CSS rules. This way if you need to, you can quickly find them all. And being at the end ensures they override anything else that was earlier in the document.

5. Posted by noahv (Full Member, 11 posts) 19 Jun '12 17:31

Thanks - great tip!