How to change the text color

[admin]

Hi,
I want to ask you for “Button”. I read in the API and I found property “type” but it doesn’t look to change the style.
My requerments is to create blue (“#55719e”) rounded button. Is this possible with the properties?
I try with “background-color” but now I cannot change the text color. How can I do this?
My code is like this:

<smart-button style="width: 55px; height: 55px; border-radius: 50%; background-color: #55719e; color: white;" id="update">Update</smart-button>

Thanks,
–Aleksandar Laskin

[admin]

Hi Aleksandar,
If you want to change button’s background color and color, please, set the following CSS variables:

--smart-background-color: #55719e;
--smart-color: white;

More information about button’s CSS styling can be found here:
https://www.htmlelements.com/docs/button-css/
Best Regards,
Ivailo
SmartElements Team
http://www.htmlelements.com

[admin]

Hi Ivailo,
Maybe I will spend more time to search how to make this style change. This doc is very useful! Thanks!
Now I have another question. Can I make it this with some toggle button or something? Becouse I want to change text of the button of in one case and in another to be different.
–Aleksandar Laskin

[Author]

Posts