¿Insertar texto de introducción en la página /s?

Solo lo conseguí hacer funcionar en la página de suscripciones y con un formato casi correcto con esto:

/* PARTE 1: El Encabezado (Estilizado como un H1 nativo) */
body:has(.product-list) .above-main-container-outlet.subscriptions-campaign::before {
  content: "Este es el Título"; 
  display: block;
  
  /* Estilo para coincidir con los encabezados '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;
  
  /* Espacio entre este encabezado y el texto debajo */
  margin-bottom: 8px; 
}

/* PARTE 2: El Texto del Cuerpo (Con espacio debajo) */
body:has(.product-list) .above-main-container-outlet.subscriptions-campaign::after {
  content: "Este es el texto plano que va debajo del encabezado. \A Todavía puedes usar barra invertida-A para nuevas líneas aquí.";
  display: block;
  
  /* Estilo para coincidir con el texto del cuerpo estándar */
  font-family: var(--font-family);
  font-size: var(--font-0);
  line-height: var(--line-height-medium);
  color: #DDDDDD;
  white-space: pre-wrap;
  
  /* Esto crea el espacio vacío (retorno de carro) debajo de tu texto */
  margin-bottom: 40px; 
}

2 Me gusta