Docs

[Warreb M]

Hello,

Couldn’t find the answer, and usually I can find the right CSS to edit in Firebug but no joy with this one.

My site is at http://clearlypossible.com/development/

I’ve moved the slider up behind the nav bar, but I want to change the opacity of the nav bar to show it slightly.

When I change .x-navbar it changes the opacity of everything, logo + text. Putting RGB background-color on that class as well doesn’t work. Can you help?

Thanks

Warren

[Christian]

Hi Warreb,

I saw this code in your website:

.x-navbar, .x-navbar .sub-menu, .tp-bullets.simplebullets.navbar, .tp-bullets.simplebullets.navbar-old, .tp-leftarrow.default, .tp-rightarrow.default {
    background-color: rgb(10, 0, 0) !important;
}

Please add the code below to your CSS to change the opacity of .x-navbar:

.x-navbar {
    background-color: rgba(10, 0, 0, .5) !important;
}

Click here to see the screenshot of the result.

Hope this helps. Let me know if you need further assistance.

[Silvia C]

Wow! That looks awesome! How can one add a background image to the navigation bar and then add the css code you write about? Thanks a lot guys 😉
Silvia

http://pantarei.wpengine.com/

[Kory]

Hey Silvia,

Thanks for writing in! Please review this thread when you have a chance as it addresses this question specifically.

Thanks!

[Silvia C]

Perfect! Cheers! 🙂

[Kory]

No problem, Silvia. 🙂

[Author]

Posts