Je l’ai fait fonctionner uniquement sur la page des abonnements et avec un formatage presque correct avec ceci :
/* PARTIE 1 : L'en-tête (stylisé comme un H1 natif) */
body:has(.product-list) .above-main-container-outlet.subscriptions-campaign::before {
content: "Ceci est le titre";
display: block;
/* Style pour correspondre aux en-têtes '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;
/* Espace entre cet en-tête et le texte en dessous */
margin-bottom: 8px;
}
/* PARTIE 2 : Le texte du corps (avec un espacement en dessous) */
body:has(.product-list) .above-main-container-outlet.subscriptions-campaign::after {
content: "Ceci est le texte simple qui va sous l'en-tête. \A Vous pouvez toujours utiliser backslash-A pour les nouvelles lignes ici.";
display: block;
/* Style pour correspondre au texte de corps standard */
font-family: var(--font-family);
font-size: var(--font-0);
line-height: var(--line-height-medium);
color: #DDDDDD;
white-space: pre-wrap;
/* Ceci crée l'espace vide (retour chariot) sous votre texte */
margin-bottom: 40px;
}
