# Versatile Banner

**URL:** https://meta.discourse.org/t/versatile-banner/109133
**Category:** Theme component
**Tags:** official, versatile-banner
**Created:** [February 14, 2019, 10:05am UTC](https://meta.discourse.org/t/versatile-banner/109133 "2019-02-14T10:05:24Z")
**Posts on this page:** 1
**Showing post:** 232

<div class="post-metadata">

### Author: ![tshenry](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tshenry/32/119495_2.png) [@tshenry](https://meta.discourse.org/u/tshenry)
#### Post date: [January 19, 2021, 7:04pm UTC](https://meta.discourse.org/t/versatile-banner/109133/232 "2021-01-19T19:04:46Z")

</div>

Is this along the lines of what you are after?

 ![Screen Shot 2021-01-19 at 10.38.52 AM](https://global.discourse-cdn.com/meta/original/3X/7/a/7a8b87b3888fae96e4c0c8fb727168941892432f.jpeg)

If so, here’s some quick and dirty CSS that will hopefully get you started:

```scss
.banner-box {
  h1,
  h2,
  h3,
  .row .single-box {
    text-align: left;
    & .banner-list {
      display: block;
      ul {
        margin: 0 0 9px 25px;
      }
    }
  }

  .section-header {
    .x-title {
      padding: 25px 15px;
    }
    .description p {
      text-align: left;
    }
  }
}

```

You’ll want to create a new component called “Versatile Banner Customizations” and add the above CSS to the Common section. Make sure you add the new component to any active themes that use the Versatile Banner to pick up the customization.

---

_[View the full topic](https://meta.discourse.org/t/versatile-banner/109133)._