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 coordinate-conversion button color

RichardRhone

I want to change the color of the coordinate-conversion button only. have tried

.esri-widget--button
{
background-color:blue;
}

but this changes all widgets

Find more posts tagged with

Accepted answers

RobertScheitlin__GISP

Ah. So you want this then:

<SPAN class="selector token">.esri-coordinate-conversion .esri-widget--button</SPAN> <SPAN class="punctuation token">{</SPAN>
  <SPAN class="property token">background-color</SPAN><SPAN class="punctuation token">:</SPAN> blue<SPAN class="punctuation token">;</SPAN>
<SPAN class="punctuation token">}</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

All comments

RichardRhone

That's the result i got too. However, I actually want to change the button circled below to blue

RobertScheitlin__GISP

Richard,

Hmm... That is exactly what it does for me.

I want to change the select button

RichardRhone

Thanks for the reply, Robert. However, this changes the select. I want to change the select button as seen below

RobertScheitlin__GISP

Richard,

Use this rule then:

<SPAN class="selector token">.esri-coordinate-conversion__select-row</SPAN> <SPAN class="punctuation token">{</SPAN>
  <SPAN class="property token">background-color</SPAN><SPAN class="punctuation token">:</SPAN>blue<SPAN class="punctuation token">;</SPAN>
<SPAN class="punctuation token">}</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

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.