Continuando a discussão de Listas ordenadas com marcadores não numéricos :
Citações de outro tópico para contexto.
Falco:
Adicione um wrapper a essas listas e algum CSS
Em posts use:
[wrap="letterlist"]
1. é o primeiro
2. é o segundo.
3. é o terceiro
[/wrap]
No seu tema adicione:
.cooked div[data-wrap="letterlist"]
list-style: upper-alpha;
}
FroggyC:
Tentei usar esta solução e funciona, corrigindo o CSS para o seguinte (a primeira linha estava faltando um ol {):
.cooked div[data-wrap="letterlist"] ol {
list-style: upper-alpha;
}
No entanto, não consigo fazer com que ele apareça na janela de visualização do editor, o que será um problema para a maioria dos meus usuários. Tentei inspecionar com o navegador da web, e parece que o CSS personalizado não é carregado ou aplicado à visualização (não sou profissional nisso, então posso estar errado).
Alguma maneira que você possa pensar para resolver este problema, @Falco ?
O que estou perguntando neste tópico é: existe alguma maneira de adicionar CSS personalizado que também seja aplicado à visualização do editor?
2 curtidas
Eu descobri sozinho. A solução é usar a classe CSS .d-editor-preview como seletor.
.cooked, .d-editor-preview {
div[data-wrap="letterlist"] {
ul, ol {
list-style-type: upper-alpha;
}
}
}
3 curtidas
Falco
(Falco)
Agosto 26, 2023, 8:58pm
3
É assim que se faz. O anterior era específico para a publicação, como ela é exibida no feed, você estendeu para que também se aplicasse à área de visualização, então essa é realmente a solução correta.
2 curtidas
@Falco , se eu quisesse estilizar de forma diferente as camadas mais aninhadas de listas, seria um nível aninhado adicional de ol?
system
(system)
Fechado
Setembro 26, 2023, 6:48pm
6
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.