I’m currently stuck on what should be a pretty simple task in one of the website templates I’d like to use. I just can’t figure out how to change the hover color of a button.
I’m able to change the default button color just fine, but when I hover over it, it switches to a preset color from the template – in this case, a bright green.
You can see it on the main “View all project” button, or on the big service buttons like “Branding,” “Website,” “Marketing,” and “Design.” They all change to green on hover.
Any idea where I can adjust or override that setting?
You can select the button which has this hover color behavior, and under Styling tab, click on the dropdown icon beside the class names and select ‘Hover’ state, once you do that, you will be able to see that the ‘Background’ color is set to ‘Secondary Green’ there. You can remove it or add any other color as per your design requirement.
