إدراج نص تمهيدي في صفحة /s؟

[ZeroDean]

لقد نجحت في تشغيله فقط على صفحة الاشتراكات وبشكل منسق بشكل صحيح تقريبًا باستخدام ما يلي:

/* الجزء 1: العنوان (منسق كـ H1 أصلي) */
body:has(.product-list) .above-main-container-outlet.subscriptions-campaign::before {
  content: "هذا هو العنوان"; 
  display: block;
  
  /* تنسيق لمطابقة عناوين 'title-wrapper' */
  font-family: var(--heading-font-family);
  font-size: var(--font-up-5);
  font-weight: bold;
  line-height: var(--line-height-small);
  color: #DDDDDD;
  
  /* مسافة بين هذا العنوان والنص أدناه */
  margin-bottom: 8px; 
}

/* الجزء 2: نص الجسم (مع مسافة أدناه) */
body:has(.product-list) .above-main-container-outlet.subscriptions-campaign::after {
  content: "هذا هو النص العادي الذي يأتي أسفل العنوان. \A لا يزال بإمكانك استخدام الشرطة المائلة العكسية A لأسطر جديدة هنا.";
  display: block;
  
  /* تنسيق لمطابقة نص الجسم القياسي */
  font-family: var(--font-family);
  font-size: var(--font-0);
  line-height: var(--line-height-medium);
  color: #DDDDDD;
  white-space: pre-wrap;
  
  /* هذا ينشئ المساحة الفارغة (عودة السطر) أسفل النص الخاص بك */
  margin-bottom: 40px; 
}