• Resolved advent12

    (@advent12)


    Hello,

    I had some code that changed the menu underline color. Now it doesn’t work.

    Please advise how I can change the underline color of the main menu to #081d38.

    Thanks

    website

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter advent12

    (@advent12)

    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

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Updated theme, menu underline color code doesnt work anymore’ is closed to new replies.