The Arcive of Official vBulletin Modifications Site.It is not a VB3 engine, just a parsed copy! |
|
#21
|
|||
|
|||
I did it Lynne I did it! Here's the answer for anyone who might have the same question...
The original CSS that makes the buttons work is the newcontent_textcontrol class as we already know. It has the following: Code:
.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}; } Code:
<a class="newcontent_textcontrol" href="http://www.buttonurl.com">Button Text</a> So I solved the problem by creating a new class in additional CSS with all the attributes shown above EXCEPT I removed the bottom float and clear attributes, as well as changed the display: attribute to inline-block instead of block. My final result is the following: Code:
.my_custom_button { 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:inline-block; } Code:
<a class="my_custom_button" href="http://www.buttonurl.com">Button Text</a> Works like a charm! |
#22
|
||||
|
||||
Glad you got it working.
|
Thread Tools | |
Display Modes | |
|
|
X vBulletin 3.8.12 by vBS Debug Information | |
---|---|
|
|
More Information | |
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|