Docs

[zendog22]

Hi, it looks like I need to add this code to change the colour of the header.
.x-navbar {
background-color: #2c3f96;
}

But where is the custom css to add it please?
thanks

[zendog22]

Hi, I have found the custom css bit and figured out how to change the colour of my header. But I now have a white drop shadow/line under the bottom of my header and I would like to change it to a darker grey. Please can you help me change this?
http://kentishandco.staging.wpengine.com/
thanks in advance

[Thai]

Hi There,

Please add the following CSS:

.x-navbar {
    box-shadow: none;
    border: none;
}

Hope it helps 🙂

[zendog22]

Hi, thanks for replying. I don’t want to remove the border/shadow altogether. I would like to instead have a darker grey/black line that the navigation.

[Rupok]

Hi there,

Thanks for updating. In that case update the code to following :

.x-navbar {
    box-shadow: none;
    border-bottom: 1px solid #555;
}

Let’s change the color to your own and 1px value to higher if you need more thick border.

Cheers!

[zendog22]

Hi, this works on the homepage. So I now have a darker grey/black line at the bottom of the navigation.
But now on other pages there is a weird looking thick white line. Please can you help me get the black line solution across all pages?
http://kentishandco.staging.wpengine.com/services-2/

[Nabeel A]

Hi again,

To fix this on other pages add this code in your Customizer:

.x-breadcrumb-wrap {
    padding: 0 !important;
}

Let us know how this goes!

[zendog22]

Perfect, thanks Nabeel! 🙂

[Thai]

You’re very welcome 🙂

If you need anything else please let us know.

[zendog22]

Hi, the solution provided above works on Chrome. But I have just checked the site on Firefox and it hasn’t worked.
http://kentishandco.staging.wpengine.com/services/
Any more thoughts?
thanks

[Friech]

Hey There,

That is the Breadcrumbs if you do want to get rid of that. Please navigate to Appearance > Customize then on Customizer under the Header panel look for the Breadcrumbs option and turn it Off.

Hope it helps, Cheers!

[zendog22]

Hi, is it possible to add the dropshadow back into my navigation, please. Is is something to do with this code which you suggested above (I changed the colour of the navigation):
.x-navbar {
box-shadow: none;
border-bottom: 1px solid #555;
}

[Thai]

Hi There,

Please change to this:

.x-navbar {
    background-color: #2c3f96;
    border-bottom: 1px solid #555;
}

Hope it helps 🙂

[zendog22]

Hi, that changes my navigation to purple. I just want a dropshadow please.

[Joao]

Hi There,

Please use this code instead.

Adjust the parameters according to your wishes.

.x-navbar {
  
  box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
}

Hope that helps,

Joao

[Author]

Posts