Hi,
I am new to the web app builder, I am trying to change the font of layerlist widget to Arial, how to do that?
Thanks.
Nan,
OK. I don't work with AGOL version of WAB very often.
So in your case add those rules to the "[your app name]/themes/JewelryBoxTheme/styles/yellow/style.css"
Yes, I added the code at the end of this file.
Did you make the change in the particular app you are testing (i.e. [install dir]\server\apps\[app#]\themes\[theme name]\common.css?
Hi, Robert,
Thank you for your help. So I tested adding the code in the theme commen.css file, and then refresh the server, but nothing changed at all. I am not very familiar with this, is there anything wrong?.
Adding these two css rules to the apps theme common.css file will accomplish that.
<SPAN class="selector token">div[widgetid^="widgets_LayerList_Widget"]</SPAN><SPAN class="punctuation token">{</SPAN> <SPAN class="property token">font-family</SPAN><SPAN class="punctuation token">:</SPAN> Arial<SPAN class="punctuation token">;</SPAN> <SPAN class="punctuation token">}</SPAN> <SPAN class="selector token">.jimu-widget-layerList .layers-section .layer-list-title</SPAN> <SPAN class="punctuation token">{</SPAN> <SPAN class="property token">font-family</SPAN><SPAN class="punctuation token">:</SPAN> Arial<SPAN class="punctuation token">;</SPAN> <SPAN class="punctuation token">}</SPAN><SPAN class="line-numbers-rows"><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN></SPAN>
Signed in members can post, follow updates, and more. New here? Register a free account.
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.
