# Looking for a way to shift everything below the header to the right

**URL:** https://meta.discourse.org/t/looking-for-a-way-to-shift-everything-below-the-header-to-the-right/127503
**Category:** Support
**Created:** [3 september 2019 om 16:32 UTC](https://meta.discourse.org/t/looking-for-a-way-to-shift-everything-below-the-header-to-the-right/127503 "2019-09-03T16:32:02Z")
**Posts on this page:** 1
**Showing post:** 2

<div class="post-metadata">

### Author: ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)
#### Post date: [3 september 2019 om 16:57 UTC](https://meta.discourse.org/t/looking-for-a-way-to-shift-everything-below-the-header-to-the-right/127503/2 "2019-09-03T16:57:33Z")

</div>

It’s not immediately clear to me why you’d want to do that, but the `<body>` tag in topic pages has a unique class that’s added to it. That class is `archetype-regular`

You can use that to scope your style changes with something like this

```plaintext
.archetype-regular {
  #main-outlet {
    // styles go here
  }
}

```

Personal message pages also have something similar and the class in that case is

`archetype-private_message`

If you want the changes to apply to PM pages, you can include them by adding the selector the the CSS above like so

```plaintext
.archetype-regular,
.archetype-private_message {
  #main-outlet {
    // styles go here
  }
}

```

Fair warning though, changes to the `#main-outlet` margins can have unintended consequences. More on that [here.](https://meta.discourse.org/t/displaced-user-card-need-some-help-with-css/95006/6)

---

_[View the full topic](https://meta.discourse.org/t/looking-for-a-way-to-shift-everything-below-the-header-to-the-right/127503)._
