# SW6 Top header background color

**URL:** <https://forum.shopware.com/t/sw6-top-header-background-color/88843>\
**Category:** Shopware 6 (English)\
**Created:** [5. Juli 2021 um 17:28 UTC](https://forum.shopware.com/t/sw6-top-header-background-color/88843 "2021-07-05T17:28:07Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Scott](https://avatars.discourse-cdn.com/v4/letter/s/3e96dc/32.png) [@Scott](https://forum.shopware.com/u/Scott)\
**Post date:** [5. Juli 2021 um 17:28 UTC](https://forum.shopware.com/t/sw6-top-header-background-color/88843/1 "2021-07-05T17:28:07Z")

</div>

SW6 default template Header Background color edi.t Inspect the page shows top header area as element.style I can add background-color: #000 and it works  
, however I am unable to find the css for change it.

test site: [betag.2bpdesign.com](http://betag.2bpdesign.com)

I come from Joomla and I am finding difficult to understand the nuances of SW6

---

<div class="post-metadata">

**Author:** ![ninja](https://avatars.discourse-cdn.com/v4/letter/n/53a042/32.png) [@ninja](https://forum.shopware.com/u/ninja)\
**Post date:** [6. Juli 2021 um 11:15 UTC](https://forum.shopware.com/t/sw6-top-header-background-color/88843/3 "2021-07-06T11:15:32Z")

</div>

Create a theme and add following css

```auto
.header-main {
     background-color: #000;
}

```

---

<div class="post-metadata">

**Author:** ![Scott](https://avatars.discourse-cdn.com/v4/letter/s/3e96dc/32.png) [@Scott](https://forum.shopware.com/u/Scott)\
**Post date:** [12. Juli 2021 um 01:52 UTC](https://forum.shopware.com/t/sw6-top-header-background-color/88843/4 "2021-07-12T01:52:00Z")

</div>

Hi ninja, thank you for the info 🙂