Is there a color class attribute for buttons?

Support
#1

Hi, can I do something like:

[x_button href="#" size="large" color="orange"]Contact Us[/x_button]

?

#2

Hi there,

There is no color option in the button shortcode.

What you can do is add a class to the button and add the CSS style for the class like this:

[x_button href="#" size="large" class="orange"]Contact Us[/x_button]

.orange {
    background-color: #d6a700;
}

Hope this helps.

#3

Hey @ddctc,

You can try Jade’s solution or if you do not wish to add any extra class then you can also add style element to button shortcode(style=“background-color:blue;”).

For example

[x_button href="#" size="large" style="background-color:orange;"]Contact Us[/x_button]

Regards

1 Like
#4

Thanks, this will help me style different buttons, though I am surprised that there is not already a provision for this as there are with other themes…?

And also, how do I change the global/default color of buttons from the default red to something else?

#5

Hi There,

You can change it at :

X | Launch | Options | Buttons

Hope it helps

#6

Hello! I am sorry for revive this topic but I was looking for this solution, however, I need to change all buton color. How to change color border too?

Thanks a lot

#7

Hello @ElClements,

It’s a fairly old ticket that was created by different user. To avoid any confusion and for faster response, I suggest you to create a new ticket and share the details in the same. One of Themeco Support staff will help you out.

Thanks for understanding.

1 Like