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; } } }

How to change the color of zoom border when its click?

altair

please use this as a example

https://developers.arcgis.com/javascript/latest/sample-code/sandbox/?sample=intro-mapview

and im notice that its different, `+` icon and `-` icon highlighting are different, how do i align them like how do i align the - icon?

Find more posts tagged with

Accepted answers

blake.terhune

Not sure if there's a better way, but you can add this to your CSS

.esri-zoom .esri-widget--button:first-child {
    margin-bottom: 2px;
}

All comments

RickeyFight

@altair

You could use CSS. Here I changed it to red.

blake.terhune

Not sure if there's a better way, but you can add this to your CSS

.esri-zoom .esri-widget--button:first-child {
    margin-bottom: 2px;
}

NateMurry_NOAA

Greetings Rickey:

I am rather new at JS API development, so please forgive any ignorance on my part.

Your answer makes sense to me if you are modifying the CSS file for a local instance of the JS API. (I found these lines in ESRI's online version of the API, which I assume is read-only). However, if you are not using a local instance of the JS API, which CSS file are you operating on to apply these changes? Thank you for your time.

--NMM

RickeyFight

@NateMurry_NOAA

How are you planning to deploy this? With a custom webapp? Like with the sample script you linked to?

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.