Updated theme, menu underline color code doesnt work anymore

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 https://www.wattknowledge.com

Thanks,
Rod