Remove Link Styling Gatsby + Bootstrap

Viewed 15

I know removing the Link styling from Gatsby has been asked and answered here before, but for some reason I can NOT seem to override the styles when working with Bootstrap and Gatsby.

The usual answer involves the following CSS

text-decoration: none;
box-shadow: none;

I have tried this. I even created a global.css file and imported it below the bootstrap import in gatsby-browser.js. In that global css file I am just calling the wildcard selector and applying the css mentioned above to every single element. And yet the blue underlined text remains.

I have successfully been able to do this prior to adding bootstrap, and I know that a lot of Gatsby developers also use Bootstrap in their projects. I am hoping that there is someone smarter than me that can help me out.

0 Answers
Related