please help change the color of the navigation bar - Using Umbraco and getting started

Go to solution

Press Ctrl / CMD + C to copy this to your clipboard.

Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at

Vanessa Contreras 4 posts 85 karma points

Aug 17, 2020 @ 09:15

0

Please Help!! Change the color of the navigation bar

Hi everyone! My navbar is completely black when you slide down and I would like it to be more transparent. Does anyone know how I can change it? Thanks!

Copy Link
Steve Morgan 1349 posts 4458 karma points c-trib

Aug 17, 2020 @ 10:00

0

Hi,

This sounds like you're talking about your front end website rather than Umbraco itself? Am I right?

You'll likely need to make a CSS change. You might be able to do this using your Umbraco backoffice but it might just be easier to get a developer to help you.

If you don't mind sharing the website url here someone might steer you in the right direction if you want to have a go yourself.

Steve

Copy Link
Vanessa Contreras 4 posts 85 karma points

Aug 17, 2020 @ 11:48

0

Hi Steve! Thank you for your help. The web is https://blue-mice.com/ . If you slide down you can see the black navbar. Thank you again

Copy Link
Steve Morgan 1349 posts 4458 karma points c-trib

Aug 17, 2020 @ 16:08
100
Pasting this at the bottom of your css file will most likely do what you need.
```
@media (min-width: 1200px) {
    .nav-box.nav-scroll {
        background-color: rgb(0 0 0 / 33%);
    }

    .navbar.navbar {
        background-color: rgb(0 0 0 / 33%);
    }
}
```
Copy Link
Vanessa Contreras 4 posts 85 karma points

Aug 25, 2020 @ 06:07

1

It's resolved. Thank you Steve!

Copy Link
Janneke ten Caten 1 post 71 karma points

Mar 24, 2021 @ 14:33

0

Hi,

Can you please help. Our menu is a very large grey square. It has to be a small one with the colors of our company. How can I change it, I can't find it anywhere

website: fysiovanhoof.nl

Copy Link
Steve Morgan 1349 posts 4458 karma points c-trib

Mar 25, 2021 @ 10:57

0

Hi,

I'd recommend a crash course in how to use Dev tools in your browser.

You can experiment with css changes and then add these to your css style sheet.

Look for the first dropdown-menu element, add display: block and you'll be able to tweak from there.

https://developers.google.com/web/tools/chrome-devtools/css

Copy Link
is working on a reply...

Please Sign in or register to post replies

Flag this post as spam?

Please Help!! Change the color of the navigation bar