# How can I add this style of background to the Search Banner?

**URL:** https://meta.discourse.org/t/how-can-i-add-this-style-of-background-to-the-search-banner/273641
**Category:** Development
**Tags:** search-banner
**Created:** [March 23, 2021, 4:50pm UTC](https://meta.discourse.org/t/how-can-i-add-this-style-of-background-to-the-search-banner/273641 "2021-03-23T16:50:46Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![thaidb](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thaidb/32/68488_2.png) [@thaidb](https://meta.discourse.org/u/thaidb)
#### Post date: [March 23, 2021, 4:50pm UTC](https://meta.discourse.org/t/how-can-i-add-this-style-of-background-to-the-search-banner/273641/1 "2021-03-23T16:50:46Z")

</div>

Hello,  
How can i add this background search same page Whois Domain Tool:

 ![image](https://global.discourse-cdn.com/meta/original/3X/3/a/3a25d4f2552961203806a6b6a7ce3f4240c841ed.jpeg)  
Maybe change to other style in code pen:  
example:  
https://codepen.io/VincentGarreau/embed/preview/pnlso?default-tabs=js%2Cresult&height=300&host=https%3A%2F%2Fcodepen.io&slug-hash=pnlso  
https://codepen.io/peteyio/embed/preview/MWKYgda?default-tabs=js%2Cresult&height=300&host=https%3A%2F%2Fcodepen.io&slug-hash=MWKYgda

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [March 23, 2021, 10:15pm UTC](https://meta.discourse.org/t/how-can-i-add-this-style-of-background-to-the-search-banner/273641/2 "2021-03-23T22:15:31Z")

</div>

You’ll first need to add some custom css to your site. The target should be: `custom-search-banner`. I would first start with that, and mess with the background css property and experiment with that.

👍

---

<div class="post-metadata">

### Author: ![lindsey](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lindsey/32/318210_2.png) [@lindsey](https://meta.discourse.org/u/lindsey)
#### Post date: [December 22, 2025, 2:31pm UTC](https://meta.discourse.org/t/how-can-i-add-this-style-of-background-to-the-search-banner/273641/3 "2025-12-22T14:31:27Z")

</div>

Closing per [Deprecating the Search Banner theme component](https://meta.discourse.org/t/deprecating-the-search-banner-theme-component/379322/)