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**/

 

 

Views: 634

Replies to This Discussion

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

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?

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

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

Happy Holidays!

Thanks FT!

i can try this..but not working this one

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

Works perfect for me, thanks for the excellent tip!

Glad it worked!  You're welcome.

RSS

Members

© 2017   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips