BB Code Enhancements - Change quotation design

Hello,

Change the quotation appearance in vBulletin 5 Connect!

Screenshot:



Open css_global.css template, and find:

.bbcode_container .bbcode_quote {
	background: transparent url("images/css/bckg_conversation_stripe.png") repeat scroll 0 0;
	font-size: 11px;
	font-style: italic;
	padding: 10px;
	padding-{vb:stylevar right}:15px;
	padding-{vb:stylevar left}:38px;
	position: relative;
	margin-bottom: 15px;
}

Replace it with:

.bbcode_container .bbcode_quote {
background: #eee;
font-size: 13px;
font-style: italic;
padding: 10px;
padding-left: 38px;
position: relative;
margin-bottom: 15px;
border: 2px solid #ddd;
border-radius: 8px;
padding-right: 10px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-left: 3px solid #8CC8FF;
}

Regards,
Mohammad Kamal

[mmarwan]

Simple modification
Corresponds to the left and right
to vBulletin 5.6.4

.bbcode_container .bbcode_quote {
background: {vb:stylevar bbcode_quote_background};
font-size: 13px;
font-style: italic;
padding: 20px;
padding-right: 38px;
position: relative;
margin-bottom: 15px;
border: 2px solid #ddd;
border-radius: 8px;
padding-left: 38px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-left: 3px solid #8CC8FF;
}

[John Lester]

Neither one of these seem to be working with 5.6.4 patch level 1 I put it in css_additional.css

[Seven Skins]

^^ Most probably iis a caching issue. Clear cache etc...

Try this, this works as well.

.bbcode_container .bbcode_quote {
    background: #ededede;
    border: 2px solid #dddddd;
    border-left: 3px solid #8CC8FF;
    border-radius: 8px;
}

[John Lester]

Sorry for the delay, it appears on my site making changes to additional.css via the ACP does not work. Going through site builder does though


Thanks 7