Advanced Gutenberg: CSS personalizado

 

los Advanced Gutenberg la configuración también le permite definir fragmentos de código CSS personalizados que se pueden usar en su editor y las opciones de etiquetas HTML. Para usar estilos personalizados, navegue a la Estilos personalizados página de Advanced GutenbergEl menú de la izquierda.

Para crear un nuevo estilo, haga clic en "Añadir nueva clase" Botón en la parte inferior de la lista de estilos. Puede editar su CSS directamente en el campo CSS personalizado.

 

estilos personalizados-gutenberg

 

Todos los cambios que realice se mostrarán en la parte izquierda de la página. Se aplicarán a la cadena con "Texto de ejemplo". El texto arriba y debajo de la cadena muestra cómo se verán sus estilos entre el resto de los elementos. Después de editar su estilo personalizado, guárdelo usando el “Guardar estilos” botón.


Para aplicar un estilo al elemento en el editor, debe seleccionar el elemento y elegir un estilo de la lista desplegable llamada “Estilos personalizados”. Para volver al estilo predeterminado y eliminar todos los estilos personalizados, elija "Párrafo" opción.

 

bloque de estilo css personalizado