[Resolved] Customization with the CSS of the Top Bar

Home Forums Support Customization with the CSS of the Top Bar

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1037420
    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

    #1037430
    Leo
    Staff
    Customer Support

    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 🙂

    #1037504
    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

    #1037506
    Leo
    Staff
    Customer Support

    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;
    }
    #1037510
    Stefano

    ok, thank you. Now it works 🙂

    #1037529
    Leo
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.