When comparing the links on (check source code https://github.com/gatsbyjs/gatsby/tree/master/examples/using-remark), they appear without an underline. However, on my blog (source code here: https://github.com/YikSanChan/yiksanchan.com), all links are underlined.
I'm trying to figure out why this difference exists and how I can remove the underlines. I came across a similar question on StackOverflow titled Links have an additional underline in gatsby. What intrigues me is how the using-remark example manages to solve the underline issue without explicitly overriding the box-shadow properties.
Following Ferran's advice, I made modifications in my typography.js as follows:
Wordpress2016.overrideThemeStyles = () => {
return {
"a.gatsby-resp-image-link": {
boxShadow: `none`,
},
}
}
Instead, I updated it to:
Wordpress2016.overrideThemeStyles = () => {
return {
"a.gatsby-resp-image-link": {
boxShadow: `none`,
},
"a": {
boxShadow: `none`,
},
}
}
This change effectively removed the underlines from the links.