Docs

[Suzanne S]

Hi,

I’d like to include a shadow on my navbar so when you scroll down there is a shadow under the bar at the bottom.

http://www.howtostartworkingathome.com/

Can I have the code for this please?

regards
Suzanne

[Joao]

Hi Suzanne,

Please add the following code to Appereance Customizer Custom CSS

.x-navbar {
    -moz-box-shadow:    0 0.15em 0.35em 0 rgba(0,0,0,0.135);
    -webkit-box-shadow: 0 0.15em 0.35em 0 rgba(0,0,0,0.135);
    box-shadow:         0 0.15em 0.35em 0 rgba(0,0,0,0.135);
}

Hope that helps,

Joao

[Suzanne S]

I tried that code and it does nothing.

[Rupok]

Hi there,

Thanks for writing back. The above code seems correct and should work if you add this correctly. Make sure the code above this is closed properly.

You can also try this instead :

.x-navbar {
  box-shadow: 0 0.15em 0.35em 0 rgba(0, 0, 0, 0.133);
}

Hope this helps.

[Suzanne S]

It does nothing.

[Joao]

Hi Suzanne,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

Joao

[Suzanne S]

It’s working now…thank you 🙂

[Thai]

Glad it worked 🙂

If you need anything else please let us know.

[Author]

Posts