Underline text/words when hovered over - by IP

This topic has 4 replies, 2 voices, and was last updated 1 year, 3 months ago ago by Tony Rodriguez

  • Avatar: IP
    IP
    Participant
    December 16, 2022 at 06:01

    Hello,

    is there anyway to underling the text (words/sentence etc) once it is hovered over?
    perhaps some code is needed for this?

    Thanks for your help

    3 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    December 16, 2022 at 06:51

    Hello, @IP,

    Yes, Underling text requires custom CSS code but do you want it on the website text or just for some specific things like, h2 headings and paragraphs or something like this? Please let us know here in the details and with Screenshots.

    You may upload the screenshots on https://imgbb.com/ and paste the links here.

    Regards 8Themes Team.

    Avatar: IP
    IP
    Participant
    December 16, 2022 at 23:48

    Hello Tony,

    Is there any way to do it for the text heading and text editor which is on elementor?

    Such as on this demo; https://xstore.8theme.com/elementor/demos/niche-market02/

    Under the top image (sofa/couch)
    There is text;

    Find Exactly What You Need
    Xstore is World’s largest online marketplace connecting buyers with suppliers.

    Thanks!

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    December 17, 2022 at 07:15

    Hello, @IP,

    Actually, from the Elementor settings you can make it from the widget settings see the image: https://postimg.cc/F1jnWvxD but Elementor doesn’t allow it on hover so if you want this underline on mouse hover you have to use the CSS code.

    simply go to the Dashboard >> XStore >> Theme OPtions >> Theme Custom CSS >> Global and the paste the below code at the bottom of the CSS box there.

    .elementor-18 .elementor-element.elementor-element-5a02de0 .elementor-heading-title:hover{text-decoration:underline !important;}
    .elementor-18 .elementor-element.elementor-element-f6ccf9f:hover{text-decoration:underline !important;}

    Then save settings and check back to your site after clearing the browser cache.

    Regards 8Themes Team.

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.