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.
Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.
