[katie hunter]

Originally Posted by Lynne

I would not suggest editing any of the default vbulletin css templates *except* adding your own CSS to the additional.css template. That template is loaded last and therefore if you put the same CSS (only different color) in there, it will override the other CSS.

Hi Lynne, so what can i do to fix it? What should i add in the additional css?

I tried to add this to the additional css but it caused the little black heart to dissapear or i guess it is under the white color

.vbseo_buttons .vbseo_liked {
    background: #f2f6f8     
}

This is the template i did edit before vbseo_buttons.css and i simply changed the background color, is that wrong?

.vbseo_buttons .vbseo_liked {
	border-color:#D5D5D5 #B3B3B3 #999999;
	border-style:solid;
	border-width:1px; 
	background: {vb:stylevar postbit_userinfo_background.backgroundColor} url(vbseo/resources/images/forum/vbseo_like.png) 5px center no-repeat;
	-moz-border-radius: {vb:stylevar border_radius};
	-webkit-border-radius: {vb:stylevar border_radius};
	border-radius: {vb:stylevar border_radius}; 
	clear: both;
	display: block;
	padding: {vb:math {vb:stylevar padding}-3} {vb:math {vb:stylevar padding}-3} {vb:math {vb:stylevar padding}-3} ;
	padding-{vb:stylevar left}: {vb:math {vb:stylevar padding}*2.5};
	margin: {vb:stylevar padding};
	<vb:if condition="$stylevar['textdirection'] == 'rtl'">
		background-position: right;
	</vb:if>
}