How to change border colour between each sub-menu button

Sydney
#1

Hi

Please can you kindly inform me on how to change the colour border between each of the sub-menu button.

Here is an example of what I mean (circled in red):
https://drive.google.com/open?id=0B-jshg5TacEjWDM3NWl0aWNua1k

Here is the website link:
http://uolvolunteer.org/

thanks

#2

Hi,

Looks like you already resolved the issue? I noticed that you are using color #9ec7c6 to separate the submenu items. (Previously the color is black in your screenshot)

Regards,
Awan

#3

It has been resolved.

A great theme.

#4

What was the CSS code used here please, I’m having the same challenge.

Thanks

#5

Hi,

Thank you for chiming in.

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    #mainnav ul li ul.sub-menu::after {
      background-color: #fff000;
    }

    #mainnav .sub-menu li a { 
      border-top: 1px solid #fff000;
    }

Regards,
Kharis
aThemes Support

#6

Hi,

Thanks for the quick response on such an old thread!

Tried the code, but it’s still not working, I still have the white border.

https://drive.google.com/file/d/19UcVSQB6Oa5nv3jVL2PbKuBQTbt-6c56/view?usp=sharing

#7

Hi,

Thank you for getting back.

Can you share a link to your website here, so I can check it directly and get the exact CSS code to suggest as per your current setup?

Regards,
Kharis
aThemes Support

#9

Hi,

Thank you for sharing the link.

Try adding this CSS code:

    .main-navigation .sub-menu li:nth-of-type(1) {
      border-top: 1px solid #fff;
    }

    .main-navigation .sub-menu li {
      border-bottom: 1px solid #fff000 !important;
      border-top: none;
    }

Regards,
Kharis
aThemes Support

#10

Getting there, the horizontal lines have gone, but the vertical lines are still there.

https://drive.google.com/file/d/1GiEv6Kuv-ZjbxkASfQNM4WL4kP6A5aVO/view?usp=sharing

#11

Try replacing the previous code with:

    .main-navigation .sub-menu li:nth-of-type(1) {
      border-top: 1px solid #fff000 !important;
    }

    .main-navigation .sub-menu li {
      border: 1px solid #fff000 !important;
      border-top: none !important;
    }

Regards,
Kharis
aThemes Support

#12

That was the one, thanks so much!

Please delete the reply with my site link in it.

#13

I deleted your thread contains the link to your website.

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis
aThemes Support

1 Like