How to Increase the Size of Widget Icon In WebApp?

[ashleytarver1]

Hi all,

Seemingly simple task, but I'm unfamiliar with HTML/CSS, so I need some help here. I've built an app with the query custom widget, & uploaded a .png to symbolize its function.  However, when I launch the app, the icon is incredibly small. 

I know if I right-click on the icon, then click "Inspect", it will bring up the HTML & CSS code, but what do I edit from there to increase the size of the .png?  I thought I had did it at one point, but it did not save the changes.  I attached a screenshot for further reference.

Thanks

[RobertScheitlin__GISP · Accepted solution]

Ashley,

   You can find a full thread about this here:

https://community.esri.com/thread/171233

[ashleytarver1]

Dear Robert,

Thank you for your response, but I am still unsuccessful when I try to save my edits.  The icon I am trying to make bigger is circled in red in the screenshot below.  When I click on the "jimu.theme.css" hyperlinked folder (under the Styles panel), I am directed to the page in the second screenshot, where I edit the numbers for the image's height & width.  Although the image size adjusts onscreen when I do this, when I press "control + enter" to save changes, then come back to the page, my changes are unsaved. 

[RobertScheitlin__GISP]

If you read the thread I link in my previous post the way to make this change is Not a simple css rule fix it involves changing code in WAB.

[ashleytarver1]

Thank you, Robert!