ArcGIS Hub Search function in a text layout?

[DWR_AlexMccomb]

I want to customize my ArcGIS Hub website to allow for a search function in a text box with a background.  How would I do this?  I'm assuming I would need to use html for this.  I would like to do it exactly as the example attached.  Thank you.

[Anonymous User]

Alex,

Take a look at these samples: ArcGIS Hub 

My best guess is that site was probably created by:

• simple row and background image
• a search card and text card
• combination of the first sample in the above link and search bar customization.

But yes, in short you'll need to modify some CSS/HTML to get that desired effect.

[CourtneyClaessens]

Hi Alex, 

It looks like UDOT hosted this semi-transparent image and used it as a background image for a banner card, and then checked the option to show the search bar on the banner card:   http://maps.udot.utah.gov/uplan_data/documents/OpenDataPortal/BannerImages/SearchBarBG.png. 

Courtney

[Anonymous User]

I was able to achieve this effect with a Banner Card + Text card and CSS.

I dont know how safe/sustainable this approach is, but this is the relevant CSS for the text card

<style>
div.jumbotron.text-center.ember-view {background: rgba(43,43,43,0.9);"  }
</style>‍‍‍