Changing Font Size and Font Weight of Popup Text

IfThenTim — Thu, 23 Dec 2021 19:52:50 GMT

If you wanted to increase the font-size and font-weight of popup text in the Intro to popups example, how would you do that?

I am not in love with what I can get to work:

inline styles
!important
maybe writing my own widget theme?

As a result, I am having a there must be a better/smarter way moment. <g> It seems unlikely that I am meant to work this way for this simple kind of change, but I still have a lot to learn about working with the API.

If you watched the ArcGIS API for Javascript&colon; Better UX with Popups video (March 2021), you might think you can use a browser inspector to figure out targeting like:

.esri-popup__content { font-size: 14px; font-weight: 500; }

That does not work (for me) outside of playing with CSS in the inspector. And if you think that approach should work, I invite you to try it in CodePen or similar and see what happens.

If I am missing something, I would be interested to know. Thanks!

Re: Changing Font Size and Font Weight of Popup Text

ReneRubalcava — Thu, 23 Dec 2021 20:03:24 GMT

You can get more specific. with the css. This works.

article.esri-popup__content { font-size: 14px; font-weight: 500; }

Re: Changing Font Size and Font Weight of Popup Text

IfThenTim — Tue, 28 Dec 2021 16:51:06 GMT

Thank you for your assistance.

topic Changing Font Size and Font Weight of Popup Text in ArcGIS JavaScript Maps SDK Questions

Changing Font Size and Font Weight of Popup Text

Re: Changing Font Size and Font Weight of Popup Text

Re: Changing Font Size and Font Weight of Popup Text