Style Forum Quotes in flat threads

Disclaimer: I have not tested this anywhere except my forum.

 

 

I though that the quotes blended too well with the replies on my forum. Not easy to read while scrolling:

 

 

 

 

 

So I tweaked like so:

 

To do this add the following to your Appearance/Advanced CSS box:

/***BLOCK QUOTE STYLE**/
blockquote {
padding: 10px;
border: 1px dashed #303030;
 border-radius: 10px;
 }
cite {
font-style: italic;
}
/***BLOCK QUOTE STYLE**/

 

 

 

 

You could also change the text color and add a background by adding code shown in red and inserting color values:

/***BLOCK QUOTE STYLE**/
blockquote {
padding: 10px;
background: #COLOR;
color: #COLOR;
border: 1px dashed #303030;
border-radius: 10px;
}
cite {
font-style: italic;
}
/***BLOCK QUOTE STYLE**/

 

 

Tags: quote

Views: 333

Replies to This Discussion

Permalink Reply by Mujer a los pies de Jesùs on December 23, 2011 at 7:44pm

Hi, I have dealt with the two codes and none has worked.

Permalink Reply by GirlRiders on December 23, 2011 at 8:44pm

I wasn't sure if it would work for everyone.  Could you give me a link to a forum page where you have some quotes already and I'll see if I can figure it out?

Permalink Reply by Mujer a los pies de Jesùs on December 24, 2011 at 1:50pm

I have the private network, but I can send a screenshot?

Permalink Reply by Fire-Tech on December 24, 2011 at 8:27am

Great job! Anything that helps the eyeballs is a plus. On my list for sure.

Happy Holidays!

Permalink Reply by GirlRiders on December 25, 2011 at 7:12am
Thanks FT!
Permalink Reply by iris on January 5, 2012 at 11:11am

i can try this..but not working this one

Permalink Reply by GirlRiders on January 5, 2012 at 11:36am

Can I get a link to a page with a quote?    

Permalink Reply by Michel Eek on February 18, 2012 at 2:19pm

Works perfect for me, thanks for the excellent tip!

Permalink Reply by GirlRiders on February 21, 2012 at 7:09am

Glad it worked!  You're welcome.

RSS

© 2013   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips