By using’s services you agree to our Cookies Use and Data Transfer outside the EU.
We and our partners operate globally and use cookies, including for analytics, personalisation, ads and Newsletters.

  • Join the Best Unofficial Elementor Support forum

    Provide or get advice on everything Elementor and Wordpress, ask questions, gain confirmation or just become apart of a friendly, like minded community who love Wordpress and Elementor

    Join us!
elementor official

Adding custom css to have a gradient and button appear over text on hover



New Member
Hello all,

I want to create this effect within my wordpress page (1st image normal, 2nd image on hover)

I am using elementor and wanted to add it using the custom css... I have already written some code, although my css skills are not the best in the world. I have a codepen but cannot upload here. Maybe I can DM it to everyone curious.

Trying to implement this css has only failed miserably, looking for advice, Thanks in advance

Latest posts

Latest Resources

Other Elementor Resources

elementor official