Customizing font size and boldness for locator placeholder text in Zone Lookup App

[HenriettaK]

Hello Instant Apps Community!

I have built an instant app using the Zone Lookup template and have rolled it out for testing to the organization. A lot of the feedback has been about bolding the placeholder text in the address search bar or somehow making the search bar larger. The app currently looks like this: 

Is there a way to bold or increase the font size of the geolocator placeholder text that reads "Find address or place"? 

Also, is there a way to increase the size of the address search bar?

Thank you so much and I appreciate any help!

[KellyHutchins · Accepted solution]

You can increase the font size and bold the text by adding the following to the custom CSS config option: 

.esri-search__form .esri-input[type=text] {
    font-size: 22px;
    font-weight: bold;
}