Advanced Gutenberg : CSS personalizado

 

o Advanced Gutenberg A configuração também permite definir snippets CSS personalizados que podem ser usados ​​nas opções de seu editor e tag HTML. Para usar estilos personalizados, navegue até o  Estilos personalizados página de Advanced Gutenbergmenu esquerdo.

Para criar um novo estilo, clique no ícone "Adicionar nova aula" botão na parte inferior da lista de estilos. Você pode editar seu CSS diretamente no campo CSS personalizado.

 

custom-styles-gutenberg

 

Todas as alterações que você fizer serão exibidas na parte esquerda da página. Eles serão aplicados à string com "Exemplo de texto". O texto acima e abaixo da string exibe como seus estilos serão exibidos entre os demais elementos. Depois de editar seu estilo personalizado, salve-o usando o  "Salvar estilos" botão.


Para aplicar um estilo ao elemento no editor, você deve selecionar o elemento e escolher um estilo na lista suspensa chamada "Estilos personalizados". Para reverter para o estilo padrão e excluir todos os estilos personalizados, escolha o  "Parágrafo" opção.

 

bloco de estilo css personalizado