ヘッダー以下の要素を右にシフトさせる方法を探しています

サポート
1

投稿が含まれるページでのみ

もし私の意図が不明確な場合のために、この CSS が私の要望通りに機能することを示します

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

ただし、投稿のあるページだけでなく、すべてのページで右側にシフトしてしまいます
CSS をずっと試行錯誤していますが、何かご意見はありますか？
ありがとうございます！

2

なぜそうしたいのか、すぐにわかりませんが、トピックページの <body> タグには、ユニークなクラスが追加されています。そのクラスは archetype-regular です。

これを使って、以下のようにスタイル変更のスコープを限定できます。

.archetype-regular {
  #main-outlet {
    // スタイルをここに記述
  }
}

パーソナルメッセージページにも同様の仕組みがあり、その場合は archetype-private_message というクラスが使用されます。

PM ページにも変更を適用したい場合は、上記の CSS にセレクターを追加して以下のように記述します。

.archetype-regular,
.archetype-private_message {
  #main-outlet {
    // スタイルをここに記述
  }
}

ただし、#main-outlet のマージンを変更すると、予期せぬ影響が出る可能性があることにご注意ください。詳しくはこちらをご覧ください。

3

非常に参考になりました、ありがとうございます！