Procurando uma maneira de mover tudo abaixo do cabeçalho para a direita

Suporte
1

apenas em páginas que incluem posts

este CSS faz o que eu quero, caso haja confusão sobre o que eu quero dizer

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

mas ele desloca tudo para a direita em todas as páginas, em vez de apenas nas páginas com posts
estou tentando descobrir o CSS há um tempo, alguma ideia?
obrigado!

2

Não está imediatamente claro para mim por que você faria isso, mas a tag <body> nas páginas de tópicos possui uma classe única que é adicionada a ela. Essa classe é archetype-regular.

Você pode usá-la para escopar suas alterações de estilo com algo como este:

.archetype-regular {
  #main-outlet {
    // estilos vão aqui
  }
}

As páginas de mensagens pessoais também têm algo semelhante, e a classe nesse caso é

archetype-private_message

Se você quiser que as alterações se apliquem às páginas de MP, pode incluí-las adicionando o seletor ao CSS acima, assim:

.archetype-regular,
.archetype-private_message {
  #main-outlet {
    // estilos vão aqui
  }
}

Um aviso justo: alterações nas margens do #main-outlet podem ter consequências não intencionais. Mais sobre isso aqui.

3

extremamente útil, obrigado!