Archived topic

Customization with the CSS of the Top Bar

5 replies · Started by Stefano on October 17, 2019

Viewing posts 1–6 of 6

October 17, 2019 at 10:07 am #1037420

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

October 17, 2019 at 10:22 am #1037430

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 :)

October 17, 2019 at 12:22 pm #1037504

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

October 17, 2019 at 12:28 pm #1037506

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;
}

October 17, 2019 at 12:31 pm #1037510

ok, thank you. Now it works :)

October 17, 2019 at 1:08 pm #1037529

No problem :)

This archived topic is closed to new replies.

Start building better websites today.