Change mega-menu main category bottom border color

  • Hello!

    I need help figuring out the css code to change a bottom border line color of a main category in a mega menu.

    You can visit the link that I attached and see that in the top menu there’s a line in the bottom of the main categories that is invisible right know because it’s black and the background of the menu is also black.

    I would like to change this line’s color.

    Here’s the code that appears in the “inspect element” of the browser:

    #top-menu li.mega-menu>ul>li>a:first-child {
padding-top: 0!important;
font-weight: 700;
border-bottom: 1px solid rgba(0,0,0,.03);
}

    I want to change the color “rgba(0,0,0,.03)”

    Can someone help me?

    Thanks!

    • This topic was modified 4 years, 11 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Developing with WordPress topic

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hey @helenaportside!

    Great question – and well done on finding the correct CSS to override. You’re really close!

    You just need to add custom CSS to your theme in Admin > Appearance > Customize > Additional CSS.

    There, just paste:

    #top-menu li.mega-menu>ul>li>a:first-child {
   border-bottom: 1px solid rgba(0,0,0,.03);
}

    and replace rgba(0,0,0,.03) with the colour you want.

    Warm regards!

    Thread Starter helenaportside

    (@helenaportside)

    Hello!

    That’s funny cause that was the first thing I tried haha

    But I don’t know why it didn’t work…

    I tried again and it’s not working..

    Is that any other way of doing this?

    Thank you so much for your help.

    Best regards,
    Helena

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Change mega-menu main category bottom border color’ is closed to new replies.