[addamroy]

It didn't work Lynne, lol, this is weird.

I went to vbulletin-chrome.css, and found the entry. Which is below

.newcontent_textcontrol {
	background: {vb:stylevar control_content_background};
	_background-image: none;
	-moz-border-radius: {vb:stylevar control_content_radius};
	-webkit-border-radius: {vb:stylevar control_content_radius};
	-moz-box-shadow: 0 3px 8px {vb:stylevar control_content_shadow_color};
	-webkit-box-shadow: 0 3px 8px {vb:stylevar control_content_shadow_color};
	font: {vb:stylevar control_content_font};
	color: {vb:stylevar control_content_color};
	padding: {vb:stylevar control_content_padding};
	border: {vb:stylevar control_content_border};
	display:block;
	float: {vb:stylevar left};
	clear: {vb:stylevar right};
}

I then copied that entry, and pasted it into additional.css and changed the name of the entry from .newcontent_textcontrol to .my_custom_button and saved it. Also I removed the 'float left' attribute from the class.

However if I use the same HTML as above but with the new class it doesn't work, doesn't even show a button at all actually just a clickable text link.

<a class="my_custom_button" href="http://www.somelink.com">Click here button</a>

Doesn't work after following all the above steps. If you simulate the above steps you should see the same thing happen too I would think (I hope).