Docs

[nillamary]

If I set the Topbar background colour to rgba(0,0,0), then area displays as black with a thin grey border beneath the Topbar.
If I set this same area to rgba (10,10,10), then this area displays as a shade of grey but doesn’t fill the complete Topbar (see screenshot). How do I fill the complete Topbar?
Many thanks!

[Nico]

Hi There,

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.

Thanks.

[nillamary]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for providing the url of the site. Please be advised that you can change the color of the topbar and navbar in the customizer. Please go to Appearance > Customize > Ethos and set the same color for the Topbar background color and Navbar background color; http://prntscr.com/dvqqc9

And by the way, there is a margin in the navbar. Please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.x-navbar-fixed-top-active .x-navbar-wrap {
    margin-bottom: 2px;
}

Hope this helps. Kindly let us know.

[nillamary]

1.Thanks. However, the above 2px placed the grey half-way up the nav bar and beneath the logo.
I like the colour of my nav bar and Footer displayed at the Home page, if I can reproduce this for the rest of my website? I did originally set this in Customize>Ethos although my other pages display a different colour.

2. I’d like to remove the default grey line in the Nav bar also.

Thank you

[nillamary]

!. Forgot to mention, changing to 20px pushed the grey shading to the horizontal line, however, also pushed it down so that black displays right at the top. A top-margin, doesn’t work.

[Joao]

Hi There,
Please add the following code to Appereance > Customizer > Custom > CSS

First code will remove the line above, the second the line below:

.x-navbar-fixed-top-active .x-navbar-wrap {
    margin: 0;
}

.x-navbar {
border: 0px;
}

Hope it helps

Joao

[Author]

Posts