Docs

[Kyle F]

Domain: http://drugsandmirrors.com/

I have used

.x-navbar {
border-bottom-color: #000000;}

to change the colour of the navbar’s bottom line, but can’t determine what the code for altering the top line is.

I tried

.x-navbar {
border-top-color: #000000;}

but did not get the results I was looking for.

In addition, how would I apply similar code to change the outline around the buttons when hovering / on page?

Thank you

[Kyle F]

I was able to change the button color using:

.x-navbar .desktop .x-nav > li > a:hover > span, .x-navbar .desktop .x-nav > li.x-active > a > span, .x-navbar .desktop .x-nav > li.current-menu-item > a > span {
border-color: #DF0101;}

[Rue Nel]

Hello There,

Thanks for writing in! To change the border colors in your header, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

x-topbar,
.x-logobar,
.x-navbar {
  border-color: #000000;
}

If you need anything else, please let us know.

[Kyle F]

Hi Rue,

That did not seem to solve my problem.

The domain in question: http://drugsandmirrors.com/

I am looking to edit the color of the bar above the buttons, before the logo. As you can see the bar below the buttons is black, as is my top bar.

What can you suggest?

[Rad]

Hi there,

This should do it, tested it.

.x-topbar,
.x-logobar,
.x-navbar {
  border-color: #ccc !important;
}

Thanks!

[Author]

Posts