Remove default link underline

You can try !important with your rules so that it looks like:

a{text-decoration: none !important;}
a:link{text-decoration: none !important;}
a:hover{text-decoration: none !important;}
a:visited{text-decoration: none !important;}

Or you can write them all in one line like:
a, a:link, a:visited, a:hover, a:active{text-decoration: none !important;}

Hope this helps.

Hi Subrataemfluence,

Thanks for offering a solution, but that didn’t work either.

Cheers–Patricia

See https://www.ads-software.com/support/topic/removing-anchor-underlines-cta-request-pagination/

Hello, Andrew:

Those selectors don’t work in my case probably because I’m not trying to affect post or main nav links, etc. I need inline stying?

I need to change hyperlinks [href] in regular text on a page. How do you affect box shadow styling inline? border-bottom: none;.

Here’s the page:
Investment properties are my special expertise. Contact me now to discuss my current listings.

Download my app <span style=”color: #3366ff;”>here</span>.

I am a fully licensed realtor, working in affiliation with the premiere South Florida agency, Agent Plus Realty.com

Cheers–Patricia

Are you sure they don’t work? The selector below is for links inside standard page/ post content:

.entry-content a

How do you affect box shadow styling inline? border-bottom: none;.

You use box shadow of ‘none’:

.entry-content a {
	-webkit-box-shadow: none;
	box-shadow: none;
}

Yes, that worked! Thank you, Andrew. I could SWEAR I tried that earlier during one of my many attempts, but apparently not. I’ll deal with the on-hover underline that remains.

Happy New Year–Patricia

Thanks Patricia, the hover can be removed in the same way. Try this code instead:

.entry-content a,
.entry-content a:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
}

Hi Andrew,

Wahoo! I’m grateful for the info, plus I learned how to style WP links. I didn’t apply the color correctly, but it’s working. Look how fancy I am now:
/*–style links–*/
/* unvisited link */
.entry-content a,
.entry-content a:link {
text-decoration: none;
-webkit-box-shadow: none;
box-shadow: none;
}
/* visited link */
.entry-content a:visited {
color: #3366ff;
-webkit-box-shadow: none;
box-shadow: none;
}
/* mouse over link */
.entry-content a:hover {
font-weight: bold;
-webkit-box-shadow: none;
box-shadow: none;
}
/* selected link */
.entry-content a:active {
font-weight: bold;
-webkit-box-shadow: none;
box-shadow: none;
}
Wahoo! Have a great day–Patricia