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"
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>
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?.
Did you make the change in the particular app you are testing (i.e. [install dir]\server\apps\[app#]\themes\[theme name]\common.css?
Yes, I added the code at the end of this file.
Les membres connectés peuvent publier, suivre les mises à jour, et plus encore. Nouveau ici ? Inscrivez-vous gratuitement.
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.
