Hi there,
I have searched the forums and found this as a solution to creating a different hover color to the default but it has no effect on my site.
I added this to Quick CSS:
body .avia-button.avia-color-theme-color:hover {
color: #ffe600;
color: rgba(0, 0, 0, 0.5);
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
background-color: #856b02;
}
I see there is a hover color option for Fullwidth Button but that option is not available for Buttons. Is there an alternative way to create a custom hover color for buttons that are created using your shortcode?
Hey Richvds,
Could you post a link to the site in question so that we can take a closer look please?
Best regards,
Rikard
Hi Rikard, thanks for the reply, the link is: http://www.hermanuswaldorf.co.za/ its the DONATE NOW button on the image slider on the home page I’d like to have transition to a lighter colour, if you check the “Contact” page, the “get in touch” button works in the right way, not sure why the same styling isn’t being applied to the other one.
Hi,
Please use the code as following
#header .avia-button:hover {
color: #ffe600;!important
color: rgba(0, 0, 0, 0.5); !important
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); !important
background-color: #856b02; !important
}
Best regards,
Yigit
Thanks a mil
Hi,
You are welcome!
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)
Cheers!
Yigit