Inserir texto de introdução na página /s?

Eu consegui fazer funcionar apenas na página de assinaturas e na maior parte formatado corretamente com isto:

/* PARTE 1: O Cabeçalho (Estilizado como um H1 nativo) */
body:has(.product-list) .above-main-container-outlet.subscriptions-campaign::before {
  content: "Este é o Título"; 
  display: block;
  
  /* Estilização para corresponder aos cabeçalhos '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;
  
  /* Espaço entre este cabeçalho e o texto abaixo dele */
  margin-bottom: 8px; 
}

/* PARTE 2: O Texto do Corpo (Com espaçamento abaixo dele) */
body:has(.product-list) .above-main-container-outlet.subscriptions-campaign::after {
  content: "Este é o texto simples que fica abaixo do cabeçalho. \A Você ainda pode usar barra invertida-A para novas linhas aqui.";
  display: block;
  
  /* Estilização para corresponder ao texto do corpo padrão */
  font-family: var(--font-family);
  font-size: var(--font-0);
  line-height: var(--line-height-medium);
  color: #DDDDDD;
  white-space: pre-wrap;
  
  /* Isso cria o espaço vazio (retorno de carro) abaixo do seu texto */
  margin-bottom: 40px; 
}

2 curtidas