How can I make bottuns not assume the color of the site! I would like it to remain red, and not blue in the header.
Button color in header
10 replies · opened Jan 11, 2021
Hello,
You can simply use the Background Utility Classes: http://docs.semicolonweb.com/docs/utility-classes/background/ to force the Color of the Button.
Additionally, you can also consider using one of the Buttons from here: http://localhost/canvas/html/html-v6/buttons.html .
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Thank you!
Hello, I am using the buttons in the buttons.html file but they do not appear the color they say. They adopt the theme color.
Hello,
Apologies for the Inconveniences regarding this! This appears to be a Bug and we are working on resolving this and will release an update for this soon.
Meanwhile, to fix this, simply find the following code in the style.css File:
[ch_pre type="css"].button-red { background-color: #C02942; }[/ch_pre]
and add the !important condition to the CSS Property. You can do this for all the Button Colors defined.
This will definitely fix the issue. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Hello, and as always, thank you for your reply. This is what I have done in the style.css and it is not changing...
/* Buttons - Colors
-----------------------------------------------------------------*/
.button-red { background-color: #C02942; !important; }
.button-3d.button-red:hover,
.button-reveal.button-red:hover,
.button-border.button-red:hover,
.button-border.button-red.button-fill::before { background-color: #C02942 !important; }
Hello! Thanks as always for all your great help. Did I do the !important code correctly above? I cannot get the button to be red in my header. Thank you so much.
Hello,
Thanks for your Patience!
The Code you are using is incorrect! The Correct Code should be:
[ch_pre type="css"].button-red { background-color: #C02942 !important; }[/ch_pre]
This should work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Thank you so much? And what is different with the code you just sent me?
There is an extra SemiColon in your Code.
Thank you so much.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard