Sono riuscito a farlo funzionare solo sulla pagina degli abbonamenti e per lo più formattato correttamente con questo:
/* PARTE 1: L'intestazione (Stilizzata come un H1 nativo) */
body:has(.product-list) .above-main-container-outlet.subscriptions-campaign::before {
content: "This is the Headline";
display: block;
/* Stile per corrispondere alle intestazioni '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;
/* Spazio tra questa intestazione e il testo sottostante */
margin-bottom: 8px;
}
/* PARTE 2: Il testo del corpo (Con spaziatura sottostante) */
body:has(.product-list) .above-main-container-outlet.subscriptions-campaign::after {
content: "This is the plain text that goes below the header. \A You can still use backslash-A for new lines here.";
display: block;
/* Stile per corrispondere al testo del corpo standard */
font-family: var(--font-family);
font-size: var(--font-0);
line-height: var(--line-height-medium);
color: #DDDDDD;
white-space: pre-wrap;
/* Questo crea lo spazio vuoto (ritorno a capo) sotto il tuo testo */
margin-bottom: 40px;
}
