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 ?

Finde mehr Beiträge mit dem Tag

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

Nimm an der Unterhaltung teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registriere ein kostenloses Konto.

Schnellzugriffe

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