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
elementor official

Latest posts

Latest Products

Other Elementor Resources

elementor official
elementor official