Help with my Portfolio Page!

Help with my Portfolio Page!
0

#1

I can’t get my links in the navigation to change color when you hover over them! what am I doing wrong?

Here is the page: http://codepen.io/Karnevore/pen/amBVjj


#2

Also, cant figure out how to get rid of the white line between the navigation and background?


#3

a li:hover {
color: green;
}

just like that)


#4

Please don’t wrap your <li> tags in <a>, it should be the other way around. It’s a list item (the li) that contains a link, if that helps.

I mostly used the developer tools to figure out which elements were styled by Bootstrap. The white border is a border on .navbar-default so I set that to border:none. For your hover colours, I copied the actual line that was setting the colour to override it. Is this best practice for handling Bootstrap stuff, I’m not exactly sure but it worked?

Edited pen here.

Code:
.navbar-default { border: none; }

navbar-default .navbar-nav>li>a:hover{ color: green }


#5

Awesome! now how do i change the text from grey to white as its overriding my list item


#6

Style the a tag (without the hover) with color: white;