Removing Anchor Underlines, CTA Request, Pagination

These are the selectors that control some of the anchor styling:

.entry-content a, 
.entry-summary a, 
.widget a, 
.site-footer .widget-area a, 
.posts-navigation a, 
.widget_authors a strong

You can find CSS selectors by using a browser developer tool like the one that is built into Chrome: https://developer.chrome.com/devtools#dom-and-styles

• This reply was modified 7 years, 11 months ago by Andrew Nevins.

Thank you. I use Firefox dev tools and didn’t locate the general anchor text-decaration property and couldn’t remove the underline even with very targeted rules for specificity.

.entry-content a didn’t do it for me.

It’s not text decoration that’s adding the underline, it’s box shadow:

.entry-content a,
.entry-summary a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
	-webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
	box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
}

Odd, but thx for the clarification.

I assume it’s because box shadow can be controlled using transitions.

What ever happened to ‘a:hover?’

I found this thread because I’m trying to control that underline as well, and learning that it’s not text-decoration but rather box-shadow I’ve come to accept, it’s odd, but I can get used to it, but I still cannot find any declarations in the element inspector that say a:hover {box-shadow…}

What am I missing? Did they get rid of hover, active, visited?

Tyd to edit the rgba value.
rgba(15, 15, 15, 1)
changed into :
#F0F8FF
(240,248,255)
Did not worked.
Is there a way to neutralize the color shadow?

In creating ‘ghost buttons’ for the home page, I ran into the box-shadow problem too, thinking it was underline.

I tried this and it’s working (so far for my purposes) and will test site-wide later:

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

Thank you BellaC, that is also working for me.