Style Existing CSS Class - Custom-buttons - TIXON
Preamble
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..
Paul Frankowski
Accepted AnswerHI,
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
Paul Frankowski
Accepted AnswerIn 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.
Preamble
Accepted AnswerThis 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; }
Preamble
Accepted AnswerAlso had to deal with
.custom-buttons .sppb-btn:last-child { ... ... ...
}
I guess that is from main Template CSS, and gets applied somehow ??