[Resolved] Customization with the CSS of the Top Bar

[Stefano]

Hello, everybody!
I wanted to ask how I can customize through the css the top bar.

I understand that the css class to work on is .top-bar and .inside-top-bar. I would like to understand how to insert a shadow box on the whole bar.

Thanks
Stefano

[Leo]

Hi there,

Something like this should work:

.top-bar {
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}

https://www.cssmatic.com/box-shadow

If not any chance you can unlock maintenance mode so I can see the issue?

Let me know 🙂

[Stefano]

Hi Leo,
Yes, the site is currently closed because it is a new work and we can not make public. I will temporarily open it to show you the problem.

I had already tried to insert the code of css matic on the class .top-bar. It doesn’t work.

Stefano

[Leo]

Try this instead:

.top-bar {
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    position: relative;
    z-index: 99;
}

[Stefano]

ok, thank you. Now it works 🙂

[Leo]

No problem 🙂

[Author]

Posts