PRO: change or add color to a button

on this page it gives a bunch of shortcodes for a button, http://demo.theme.co/ethos-1/shortcodes/buttons/#example

however it does not say how to make different buttons different colors

how do I make this shortcode display the button in light blue?
[button type=“flat” shape=“rounded” size=“x-large” href="#quote" title=“Example”][icon type=“home”]Grab an Instant Quote[/button]

Hi @b960a518-a049-4215-9,

Thanks for reaching out.

For custom colors, please check this KB section

The demo only contains samples, it’s either change them through button element’s options or custom CSS.

Thanks!

actually the correct answer is to simply add the following to the button shortcode

style=“background-color: #ff0000

if you add css- it will change it across the board- if you want to add a different color for a particular button add the above line (changing the color to your color) I believe it will also work with rgb transparent colors as well

1 Like

Hi,

The link provided by my colleague instructs to add a class to your button.
So it will affect only the buttons that have the class.

But yes, adding a style attribute is much simpler.

Glad to know you were able to figure it out.

Have a great day! :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.