Color of Button for button-shortecode

[PeterBe]

Hello,
i use the pro theme and had definded the color of the buttons in the theme options.
Now i want to use in one site the button shortcode ([button …)
Can i change the color of this button as option in the shortcode?

[jade]

Hello @PeterBe,

There is no color attribute available for the button shortcode. The buttons generated through the button shortcode will follow the color that is set in the Theme Options.

However, you can still customize the color of the button by assigning a class to the button then targeting the button through that class and writing a custom CSS to change the color of the button.

For example:

[button class="red-btn" type="real" shape="square" size="mini" href="#example" title="Example"]Square Button[/button]

Then add the custom CSS:

.x-btn.red-btn {
    color: #fff;
    border-color: #a50500;
    background-color: #e84533;
    -webkit-box-shadow: 0 0.25em 0 0 #b22617, 0 4px 9px rgba(0, 0, 0, 0.75);
    box-shadow: 0 0.25em 0 0 #b22617, 0 4px 9px rgba(0, 0, 0, 0.75);
}

Hope this helps.