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

Where do I find the css file to edit it?

SimonCrutchley

I'm totally new to web App building, and whilst I've used css files where I've been hosting, I'm not sure where the file is when I've been working completely within WebApp Builder? Sorry if that's seems a very basic question, but no-one else seems to have covered it, or if they have I've missed it.

Find more posts tagged with

Accepted answers

RobertScheitlin__GISP

Simon,

You will be extremely limited in the customization that you can do to an AGOL Host WAB App. Css editing is not available to you when hosting the app on AGOL. But you are in luck because changing the apps title and subtitle color is a UI configurable option. In AGOL go to edit the WAB App and you will see tabs called "Theme", Map", "Widgets", "Attribute". Click the Attribute tab and click the "A" in the Title textbox and choose highlight your text and then click the foreground color button.

All comments

SimonCrutchley

Sorry. The tab theme. Thanks for your patience.

RobertScheitlin__GISP

Simon,

That also depends on the theme you are using.

SimonCrutchley

Sorry. Like I said I'm new to this. I'm specifically after the css for the header as I don't like white text.

RobertScheitlin__GISP

Simon,

There are dozens of .css file in WAB so you will have to be more specific. Each widget will have there own css file the jimu.js folder has css folder with lots of css files.

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.