بحثًا عن طريقة لإزاحة كل ما تحت الرأس إلى اليمين

الدعم
1

فقط في الصفحات التي تتضمن منشورات

هذا كود CSS يقوم بما أريده، في حال وجود أي لبس حول ما أعنيه

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

لكنه يزيح كل شيء إلى اليمين في جميع الصفحات، وليس فقط الصفحات التي تحتوي على منشورات.
لقد حاولت فهم كود CSS لفترة من الوقت، هل لديك أي أفكار؟
شكرًا!

2

ليس واضحًا لي على الفور لماذا قد ترغب في فعل ذلك، لكن وسم <body> في صفحات المواضيع يحتوي على فئة فريدة تُضاف إليه. هذه الفئة هي archetype-regular

يمكنك استخدام ذلك لتحديد نطاق تغييراتك في التنسيقات باستخدام شيء مثل هذا

.archetype-regular {
  #main-outlet {
    // ضع التنسيقات هنا
  }
}

تحتوي صفحات الرسائل الشخصية أيضًا على شيء مشابه، والفئة في هذه الحالة هي

archetype-private_message

إذا كنت تريد أن تُطبَّق التغييرات على صفحات الرسائل الخاصة، فيمكنك تضمينها بإضافة المحدد إلى كود CSS أعلاه كما يلي

.archetype-regular,
.archetype-private_message {
  #main-outlet {
    // ضع التنسيقات هنا
  }
}

تحذير عادل: قد يكون لتغييرات هوامش #main-outlet عواقب غير مقصودة. المزيد من التفاصيل هنا.

3

مفيد للغاية، شكرًا لك!