Cherche un moyen de décaler tout ce qui se trouve sous l'en-tête vers la droite

Soutien
1

seulement sur les pages qui incluent des publications

ce CSS fait ce que je veux, au cas où il y aurait une confusion sur ce que j’entends

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

mais il déplace tout vers la droite sur toutes les pages, au lieu de seulement les pages avec des publications
j’essaie de comprendre le CSS depuis un moment, avez-vous des idées ?
merci !

2

Il n’est pas immédiatement évident pour moi pourquoi vous voudriez faire cela, mais la balise dans les pages de sujets possède une classe unique qui lui est ajoutée. Cette classe est archetype-regular.

Vous pouvez l’utiliser pour cibler vos modifications de style avec quelque chose comme ceci :

.archetype-regular {
  #main-outlet {
    // les styles vont ici
  }
}

Les pages de messages personnels ont également quelque chose de similaire, et la classe dans ce cas est archetype-private_message.

Si vous souhaitez que les modifications s’appliquent aux pages de messages privés, vous pouvez les inclure en ajoutant le sélecteur au CSS ci-dessus comme suit :

.archetype-regular,
.archetype-private_message {
  #main-outlet {
    // les styles vont ici
  }
}

Petite mise en garde toutefois : les modifications des marges de #main-outlet peuvent avoir des conséquences imprévues. Plus d’informations à ce sujet ici.

3

extrêmement utile, merci !