candacewwong Posted February 27, 2023 Share Posted February 27, 2023 I'm looking to change the Button color on my home page and have tried the inserting 2 different codes under Page Settings and also under Design -> Custom CSS. Neither changed the button color. I've also gone to Site Styles -> Button but there is no option to choose a color there (see image for Button menu options) How do I change the button color? Thanks! Code 1: #button-id {background-color: #ff0000;} Code 2: .button-class {background-color: #ff0000;} Link to comment
tuanphan Posted March 5, 2023 Share Posted March 5, 2023 Use this code body.homepage .button-block a { background-color: #000 !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
hmrgbrll Posted December 26, 2023 Share Posted December 26, 2023 On 3/5/2023 at 9:58 PM, tuanphan said: Use this code body.homepage .button-block a { background-color: #000 !important; } How do I change for the secondary and tertiary button? Link to comment
tuanphan Posted December 28, 2023 Share Posted December 28, 2023 On 12/27/2023 at 1:51 AM, hmrgbrll said: How do I change for the secondary and tertiary button? The code should apply all buttons on homepage, if you want to target Homepage Secondary or Homepage Tertiary, use this code body.homepage [class*="primary"] { background-color: #000 !important; } body.homepage [class*="secondary"] { background-color: violet !important; } body.homepage [class*="tertiary"] { background-color: #f1f !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment