I have this problem where my navigational links has an underline on hover. I tried to place text-decoration:none. I looked at my entire css but I can’t find the cause for the underline.
So I used firebug and check the css of a specific spot where it gives me underline. I get this css which is not my own.
@font-face {
font-family: "EB Garamond";
font-style: normal;
font-weight: 400;
src: local("EB Garamond"), local("EBGaramond"), url("http://themes.googleusercontent.com/static/fonts/ebgaramond/v4/kYZt1bJ8UsGAPRGnkXPeFYbN6UDyHWBl620a-IRfuBk.woff") format("woff");
}
My question is how do I change this style? and what is this style?
The fastest way to solve the problem is to use
text-decoration:none !important;in a css selector, preferably a rather specific one.That css is specifying a custom font to use, specifying where to log it from (http://themes.googleusercontent.com/) and what the default settings, such as font weight, should be when it used. Then any time the font-face is set to
EB Garamondit will load those defaults. As that class is listed here it is not responsible for the underlining.