How to display text underline when hover & click

Hello waderiley2233,

Thanks for providing text, but nicepage the most powerful side is that you do not code (99%), and the underline also is a feature, which, you can create by default by Nicepage, you do not need to write styles for underline.

Thanks for using Nicepage, Thanks for helping us improve Nicepage!
...................................................
Sincerely,
George.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

You can do this, by simply following all these steps.

Open your project within the Nicepage software.

Select the text element you want to apply the effect to.

Navigate to the ‘Style’ or ‘Design’ panel where you can adjust various styling properties.

Look for the 'Text Decoration' or similar section.

Typically, you'll find options related to "Hover" and sometimes "Active" states. If you find them, select 'Underline' for both states. However, if you can't find an option for the "Active" state, you may need to use custom CSS.

Using Custom CSS within Nicepage:
If you need to use custom CSS:

Navigate to the section or page where you can add custom CSS. This is often under 'Settings', 'Advanced', or a similar area.

Add the following CSS:

css
Copy code
.my-text {
text-decoration: none;
cursor: pointer;
transition: text-decoration 0.3s;
}

.my-text:hover, .my-text:active {
text-decoration: underline;
}
Make sure your text element has the class my-text. If you can't assign a class directly through the design tools, you might need to do so by editing the HTML directly within Nicepage.
Note: Software platforms, including Nicepage, are continuously updated and features can change over time. It's always a good idea to refer to the latest documentation or tutorials available on the Nicepage website or check within the community forums for specific and updated guidance.

Hello TCA,

You're welcome! If you have any more questions or need any further assistance, feel free to ask!
...................................................
Sincerely,
George.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

oh I got it, thank you!

Hello

You need to assign a link to this text, then enable the bottom Border and set the Color to transparent (keep the desired Hover color):

Please let us know if you have any further questions.

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp