Custom CSS help: increase text size of pop-up side panel list in Minimalist configurable app

BrittanyBurson — Mon, 15 Mar 2021 18:36:05 GMT

Hi all, I am looking to increase the size of the text in the pop-up side panel list in the JS 4.x Minimalist configurable app. The app is intended for a more senior audience and this font size is unfortunately too small.

I've had some success modifying other elements of the app, but can't seem to quite get this one. Not an expert at this, but I have followed this youtube for help: https://www.youtube.com/watch?v=g2V9NMDzB2g

Using the "Inspect" tools in Chrome, I have tried (bold is my change) but the configurable app doesn't seem to recognize it:

.summary {
color: var(--calcite-ui-text-3);
padding: 0px;
font-size: 1.25rem;
overflow-wrap: break-word;
word-break: break-word;
}

Also... if there is a way to change or edit the word "Info" -- that'd be great too! Any help is greatly appreciated. Thank you.

topic Custom CSS help: increase text size of pop-up side panel list in Minimalist configurable app in ArcGIS Instant Apps Questions

Custom CSS help: increase text size of pop-up side panel list in Minimalist configurable app