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

Changing font style, size and background color for WAB Devloper edition.

Hello I am trying to change the font style for the app built in WAB Dev. Can someone explain how can I do that and if you can provide sample code that would be helpful.

Thanks

Nav

Find more posts tagged with

Accepted answers

RobertScheitlin__GISP

Nav,

In the jimu-theme.css you can uncomment line 13 and put your preferred font in that list but you will also have to override several individual widget css rules as well. this is covered in this thread:

https://community.esri.com/thread/180538

All comments

This would be better asked in Web AppBuilder for ArcGIS‌

Look here:

CSS framework—Web AppBuilder for ArcGIS (Developer Edition) | ArcGIS for Developers

RebeccaStrauch__GISP

navjotkaur ...I went ahead and moved it to the space Rickey suggested above.

Thanks Rebecca!

Thanks Rickey!

XiChen_1-1627597254794.gif

RobertScheitlin__GISP

Nav,

In the jimu-theme.css you can uncomment line 13 and put your preferred font in that list but you will also have to override several individual widget css rules as well. this is covered in this thread:

https://community.esri.com/thread/180538

Thanks will look into that. you guys are awesome!

RobertScheitlin__GISP

Don't forget to mark this question as answered by clicking on the "Correct Answer" link on the reply that answered your question.

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.