Well…how odd. It now requires me to add “!important”
I hope this doesn’t happen every time you update the theme..as I may not catch it in time.
FOR ANYONE WHO WANTS THIS:
RED UNDERLINE MENU CHANGE COLOR
/*Changes menu underline from red to blue to match font*/
.entry-title a:after {
height: 2px;
background: #081d38 !important;
width: 50px;
}
.listpost-content-wrap .entry-title a:after {
background: #081d38 !important;
}
ul.nav > li.current_page_item > a:before {
height: 2px;
background: #081d38 !important;
}
.entry-title:before {
height: 3px;
background: #081d38 !important;
}
Hey there,
It might be due to some CSS added by one of the plugins activated on your site. Glad you figured it out. Cheers 🙂
Hiya,
I have tried the code shown above. It did indeed add a new coloured line as I hoped but it still shows the red line directly below it so both lines are now visible.
Sorry, my mistake. Found a post stating I should use
.entry-title:after
not
.entry-title a:after
Didn’t notice that, all sorted
Hi,
Sorry, poor eyesight on my part. The fix I described above i.e.
.entry-title:after
not
.entry-title a:after
Did not remove the redline, it just put my new blue line on top of it. Sorry, I didn’t notice this last night but now that I am using a better PC with a clearer screen, I can actually still see the red line underneath my blue line.
Does anyone know how to get rid of the red line?
The code I am using is..
/*Changes menu underline from red to blue to match font*/
.entry-title:after {
height: 2px;
background: #081d38 !important;
width: 50px;
} .listpost-content-wrap .entry-title a:after {
background: #081d38 !important;
} ul.nav > li.current_page_item > a:before {
height: 2px;
background: #081d38 !important;
} .entry-title:before {
height: 3px;
background: #325FAA !important;
}
and my website is at http://www.wattknowledge.com
Thanks,
Rod
