How to un-underline hyperlinks?

Hi @ninglexi,

Please be advised that this forum is for sites using the Twenty Twenty-Two theme, you will need to reach out to the theme developers for assistance.

However, if you want to remove the underline on all links you can add the CSS code below to your Customiser.

a:hover {
    text-decoration: none;
}

For additional assistance please reach out to the developers.

The 2222 theme itself has its own underline, what I mean is whether the underline can be removed, and then the underline will appear when the mouse is hovered.
thanks

Hi @ninglexi

Yes, it can be removed using CSS code. You can add the CSS code below to remove the underline on links + have it appear on hover.

a:hover, a:focus {
    text-decoration: underline;
}

a:where(:not(.wp-element-button)) {
    color: blue;
    text-decoration: none;
}

On the Twenty Twenty-Two theme, the underline was added so that site visitors can notice text that has a link. Since we have removed the underline you might want to change the color of the text to make it stand out.

With the above code text that has a link will be blue, when you hover over the text the underline appears.

If you would like to remove the color you can remove the line below from the code l provided:

color: blue;