Return to previous page

Underline text/words when hovered over - by IP

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

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

#341622 Copied Theme version: 8.3.8

3 Answers

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.

#341629 Copied

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!

#341689 Copied
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.
#341706 Copied
Tagged: hover, styling, template, text, underline, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)