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

only on pages that include posts

this CSS does what I want it to do, in case there is confusion about what I mean

#main-outlet{
margin-left: 15%;
}

but it shifts everything right for all pages, instead of just pages with posts
been tryna figure out the CSS for a while, any thoughts?
thx!

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

.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

.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.

4 Likes

incredibly helpful, thank you!

1 Like