# Help with alignment in the "versatile banner" plugin

**URL:** https://meta.discourse.org/t/help-with-alignment-in-the-versatile-banner-plugin/176635
**Category:** Support
**Created:** [January 20, 2021, 12:39am UTC](https://meta.discourse.org/t/help-with-alignment-in-the-versatile-banner-plugin/176635 "2021-01-20T00:39:31Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![MrDavis97](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mrdavis97/32/206391_2.png) [@MrDavis97](https://meta.discourse.org/u/MrDavis97)
#### Post date: [January 20, 2021, 12:39am UTC](https://meta.discourse.org/t/help-with-alignment-in-the-versatile-banner-plugin/176635/1 "2021-01-20T00:39:31Z")

</div>

![banner_help](https://global.discourse-cdn.com/meta/original/3X/5/e/5ed65982953180547b110715a3d380bc3af0e395.png)

I need some help configuring the [versatile banner plug-in](https://meta.discourse.org/t/versatile-banner/109133) to my specification.

Basically, I want that orange button “shifted” up to where it’s basically between the two orange bars. So my idea was to copy the button HTML code from the “second column content” and paste it into the “main heading content.” This seems like it’d be easy fix, but when I do it, the button becomes black rather than orange, and is not centered. Does anybody know how I can make it centered and make it orange?

---

<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 20, 2021, 12:54am UTC](https://meta.discourse.org/t/help-with-alignment-in-the-versatile-banner-plugin/176635/2 "2021-01-20T00:54:51Z")

</div>

Looks like I was oddly specific with the button color CSS rule. I’ll make a note to change it to be more generalized in a future update. I can’t see the HTML you have used, but you should be able to do something like:

```scss
.banner-box .section-header .description {
  text-align: center;
  .btn {
    background-color: $secondary_text_color;
  }
}

```

You’ll probably want to remove the orange bars or add some padding.

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [February 19, 2021, 12:55am UTC](https://meta.discourse.org/t/help-with-alignment-in-the-versatile-banner-plugin/176635/3 "2021-02-19T00:55:29Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.