Change Attribute Link Color in WebApp Builder

2917
4
08-04-2015 07:23 AM
KirkHarstead
New Contributor III

Is there a way to change the color/font of the Attribute Links in the WebApp Builder? (I'm referring to the Attribute Links you can add under the "Attribute" tab in edit mode) My apps are in the "Tab Theme" with black as the border color. Before the latest update, the links were prominent and easy-to-read across the top. Now, the default color is dark purple and the font is small; it is difficult to see them.

I've located where these links are referenced in the JSON file, but I don't know what the code is to change the color and/or font.

Tags (1)
0 Kudos
4 Replies
RobertScheitlin__GISP
MVP Emeritus

Kirk,

  It is a simple CSS change but as you stated find that exact css is not obvious.

The place to make the change is in this file:

themes\FoldableTheme\widgets\HeaderController\css\style.css (line 2 the color attribute)

.jimu-widget-header-controller .links .link{
  color:#e1e1e1;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  height: 100%;
}
KirkHarstead
New Contributor III

Thanks Robert. There is no way to change this in the non-developer version then?

0 Kudos
RobertScheitlin__GISP
MVP Emeritus

Kirk,

   The only files that are editable on AGOL are JSON files (that I am aware of). So no.

0 Kudos
ErikParker1
New Contributor II

I had the same question Kirk.  I found that it can be done via AppStudio for ArcGIS if you have access to it.

0 Kudos