Bootstrap Link Styling

Bootstrap Link Styling
0

#1

I am having a little trouble styling my links. I am using bootstrap and can’t seem to override the basic link styling with css. If necessary, I can copy and paste my code here but I can’t use code pen as my laptop uses Chrome OS. Here is a link to my page: http://web.editey.com/0B1A0OnW8zYgZdGFWUEVUWi00dlU/index.html

I am still adding content to the page, the links in the nav bar are going to be dead links until i decide to add more pages to the site in the future. Any criticisms on my code would also be appreciated if anyone has time.

Thanks!,
Stephen


#2

You just need a higher specificity.

e.g. you want to make the links red and have no underline on hover

p a, p a:hover{
  color: red;
  text-decoration: none;
}

or use a class

<p>
<a href="https://www.atlutd.com/players/36/josef-martinez" class="customLink">
   Josef Martínez<br>Player Card
</a>
</p>

/////

.customLink, .customLink:hover{
  color: red;
  text-decoration: none;
}

#3

It looks like i was forgetting to add the hover when I initially tried to style the links.

Thank you for looking into this for me,
Stephen