How to Make Nav Bar Semi- Transparent | Ethos – Themeco Community

How to Make Nav Bar Semi- Transparent | Ethos

Alex — Tue, 21 Apr 2015 23:59:45 +0000

I wanted to make my nav bar slightly transparent so when content scrolls up you can still slightly see it behind the nav bar (just the nav bar. Not the logo bar as well)

Currently Im using this code to change the color.

/* Main Nav Color */
.x-navbar {
background-color: #74cbd1;}

Reply To: How to Make Nav Bar Semi- Transparent | Ethos

Christian — Wed, 22 Apr 2015 07:16:23 +0000

Hey Alex,

Please add the code below in your Appearance > Customize > Custom > CSS

.x-navbar {
background-color: rgba(116,203,209,0.5);
}

See http://www.color-hex.com/color/74cbd1 where I got the equivalent RGB value for the color. The last value in rgba is the opacity.

Hope that helps. 🙂

Reply To: How to Make Nav Bar Semi- Transparent | Ethos

Alex — Wed, 22 Apr 2015 13:36:49 +0000

Perfect Thanks

Reply To: How to Make Nav Bar Semi- Transparent | Ethos

Nico — Wed, 22 Apr 2015 14:11:14 +0000

Glad to hear that.

Let us know if you need anything else.

Thanks. Have a great day! 🙂