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

Portfolio Instant Apps -Custom CSS

SayenaMarandi

I want to use the Custom CSS for ArcGIS online Instant Apps Portfolio . How to change the size of the application font ?

Trouver plus de publications taguées avec

Portfolio

Accepted answers

khutchins

Give this a try for the tabbed section names:

.esri-portfolio-tabbed-item__title-info-container .esri-portfolio-tabbed-item__item-title{
font-size:24px;
}

All comments

khutchins

Give this a try for the tabbed section names:

.esri-portfolio-tabbed-item__title-info-container .esri-portfolio-tabbed-item__item-title{
font-size:24px;
}

SayenaMarandi

Thank you for your response. I used your CSS code but I didn't see any changes after I publish the application and launched it again . My App layout is Tabbed and I want to increase the font size for the section names.

khutchins

You could try something like this - but there are a few spots where it probably won't apply the new font size and you'll have to add more rules. This assumes you want all the fonts to be larger:

:root{
font-size:larger !Important;
}

You'll most likely have to modify the font in a few places here are some examples of increasing the font size for the item cards and the bottom panel title

:root{
--calcite-font-size--2: 1.5rem;
}

.esri-portfolio__body--carousel .esri-portfolio-carousel{
font-size:1.4em;
}

Rejoindre la conversation

Les membres connectés peuvent publier, suivre les mises à jour, et plus encore. Nouveau ici ? Inscrivez-vous gratuitement.

Liens rapides

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