Change the opacity of the drop down menus?

admint · 2016-09-23 04:05:24

Is there a way to change the opacity of the drop down menus so they don't completely block out an image?

Thanks.

rod barbee · 2016-09-23 06:36:06

not in the Backlight interface. But probably with custom css

admint · 2016-09-23 07:28:04

Yeah. And I was hoping someone could/would provide the code if possible.

Thanks.

rod barbee · 2016-09-23 07:53:48

I took a quick look but couldn't locate the correct selector. Yet. If I get some time I'll poke around a bit more.

If you plan on doing even more customization beyond what the Backlight controls provide, learning some css and how to use the browser's inspector will come in real handy. I really liked "CSS: The Missing Manual"

admint · 2016-09-23 08:07:53

Thanks Rod, I figured you'd be the one to know. Any I've got some time. My site is pretty much finished for now, just need to tidy up a few things but they won't be over night things.

Really appreciate your help and patience in helping me out. A BIG THANKS!

Peace

rod barbee · 2016-09-23 08:46:33

no problem. If I can figure out the selector that controls those drop-downs I'll post back.

Matthew · 2016-09-23 14:36:27

if you only want to affect the drop-downs, I think you'll need to target:

nav li li

MoritzCH · 2016-09-23 14:40:30

with help from "Stackoverflow" this is working for me:

.sub-menu {
background-color: rgba(255, 255, 255, 0);
}

.menu-item-has-children ul.sub-menu li {
    background-color: rgba(255, 255, 255, 0.5);
}

Hope this helps!

Matthew · 2016-09-23 16:45:24

That's a good approach. In anticipation of having a Wordpress theme for Backlight (currently a work-in-progress), we adopting classes from Wordpress navigation so that we'd have consistency. Wordpress code makes a good starting place.

admint · 2016-09-24 01:50:20

MoritzCH wrote:

with help from "Stackoverflow" this is working for me:
.sub-menu {
background-color: rgba(255, 255, 255, 0);
}

.menu-item-has-children ul.sub-menu li {
    background-color: rgba(255, 255, 255, 0.5);
}
Hope this helps!

Where am I pasting this code - CSS, Custom PHP? or Page?

Thanks.

rod barbee · 2016-09-24 01:56:19

in your custom css file

admint · 2016-09-25 02:54:41

Thank you. Will give it a try now.

Edit: Works like a champ: www.exposedvisions.com

Thanks!!!

Last edited by admint (2016-09-25 03:23:01)

Community @ The Turning Gate

#1 2016-09-23 04:05:24

Change the opacity of the drop down menus?

#2 2016-09-23 06:36:06

Re: Change the opacity of the drop down menus?

#3 2016-09-23 07:28:04

Re: Change the opacity of the drop down menus?

#4 2016-09-23 07:53:48

Re: Change the opacity of the drop down menus?

#5 2016-09-23 08:07:53

Re: Change the opacity of the drop down menus?

#6 2016-09-23 08:46:33

Re: Change the opacity of the drop down menus?

#7 2016-09-23 14:36:27

Re: Change the opacity of the drop down menus?

#8 2016-09-23 14:40:30

Re: Change the opacity of the drop down menus?

#9 2016-09-23 16:45:24

Re: Change the opacity of the drop down menus?

#10 2016-09-24 01:50:20

Re: Change the opacity of the drop down menus?

#11 2016-09-24 01:56:19

Re: Change the opacity of the drop down menus?

#12 2016-09-25 02:54:41

Re: Change the opacity of the drop down menus?

Board footer