Docs

[kobwebie]

Hi,

I am having a bit of trouble styling the nav in ethos.. I have attached a copy of the nav I am trying to achieve. Is that possible using Ethos? If yes can you point me in the right direction?

As you can see I have achieved the transparency but no matter what css I have added the tabs won’t change.

Looking forward to seeing what you can come up with 🙂

[Joao]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[kobwebie]

This reply has been marked as private.

[Joao]

Please add the following code to Appereance > customizer > custom > CSS and adjust the colors according to your wishes.

.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a {
    color: #fff;
    border-color: #ff7600;
    background-color: #ff7600;
    text-shadow: 0 0.075em 0.075em rgba(0,0,0,0.5);
    border-radius: 0.25em;
    padding-top: 12px;
    height: 35px;
    margin-top: 22px;
    box-shadow: none;
}
.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a span, .x-navbar .desktop .x-nav > .current-menu-item > a span {
    box-shadow: none;
}
.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a {
    color: #fff;
    border-color: #3f96ce;
    background-color: #3f96ce;
    text-shadow: 0 0.075em 0.075em rgba(0,0,0,0.5); 
  box-shadow: none;
}

Hope that helps

Joao

[kobwebie]

Looks good

Thanks for the help!

Karl

[Joao]

You are welcome,

Joao

[Author]

Posts