nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

widget opacity

I would like to make a widget - such as LayerList or Legend - partly transparent. Is there a way to do this in API 4.3?

Find more posts tagged with

Accepted answers

My bet is that the best way to do this is with CSS. Figure out the classes of the elements you want to be transparent (right click + inspect element) and set the opacity of those elements with a CSS rule.

All comments

Thanks! I was thinking of doing it through CSS, but was having trouble figuring out the class name. I didn't know about right click + inspect. That's a great trick, much appreciated!

My bet is that the best way to do this is with CSS. Figure out the classes of the elements you want to be transparent (right click + inspect element) and set the opacity of those elements with a CSS rule.

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.