I'm trying to add a colored bottom border to my header nav links. I've successfully coded the border, but my problem is that it inherits the text color, rather than the independent color I've coded in. Any thoughts as to what might be happening? Thanks! Code is below.
//HEADER NAV UNDERLINE//
.header-nav-item a {
display: inline-block;
color: #FFFFFF !important;
text-align: center !important;
border-color: #627360 !important;
border-bottom: 2px solid !important;
}
Question
jessmileur 1
Hi, all!
I'm trying to add a colored bottom border to my header nav links. I've successfully coded the border, but my problem is that it inherits the text color, rather than the independent color I've coded in. Any thoughts as to what might be happening? Thanks! Code is below.
//HEADER NAV UNDERLINE//
.header-nav-item a {
display: inline-block;
color: #FFFFFF !important;
text-align: center !important;
border-color: #627360 !important;
border-bottom: 2px solid !important;
}
Thanks in advance for any input!
Edited by jessmileurLink to post
Top Posters For This Question
2
Popular Days
Aug 11
2
Top Posters For This Question
jessmileur 2 posts
Popular Days
Aug 11 2020
2 posts
1 answer to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment