Hello,
Using TIXON for our latest project and would like to stle the buttons on Homepage. can be seen here https://www.thedocklocker.com
Using the Button Group add-on, We see there is a class used ' custom-buttons'
Where does this class exist in the template, where should we put our changes to this class, should this be an override?
Thankx for your help..
HI,
You can find what it does inside: /templates/shaper_tixon/css/presets/preset1.css and /templates/shaper_tixon/css/template.css
simple blue color for button, and green color for the last button
Used class names: .custom-buttons .sppb-btn , .custom-buttons .sppb-btn:hover and
.custom-buttons .sppb-btn:last-child
Example for blue one
In general, do not touch above files (you will loose all changes anyway, explainted in Helix documenation)
If you want to use custom colors - please check addon settings, if there is any class name added in settings. If not you have to use Custom CSS to override button style. I hope you spent some time learning CSS basics in the past.
This is what I found in the preset1 CSS... I'll make my changes to it, and put thos in Custom CSS. which should change All buttons throughout site with this Class (Which is the Whole point..)
Sound good ?
.custom-buttons .sppb-btn {
border-color: #0072bc;
}
.custom-buttons .sppb-btn:hover {
background-color: #0072bc;
border-color: #005389;
}
Also had to deal with
.custom-buttons .sppb-btn:last-child {
...
...
...
}
I guess that is from main Template CSS, and gets applied somehow ??
yes, it's from template.css , exactly the same rule as from preset1 css
it was used only different color.
