Soporte » Diseño – Temas y plantillas » Editor CSS de Gutenberg – eliminar clase por defecto

  • Resuelto tamarazambrana

    (@tamarazambrana)


    Hola,

    estoy editando Gutenberg y cuando agrego la posibilidad de editar Gutenberg con

    function gutenberg_editor() {
    add_theme_support( 'editor-styles' );
    add_editor_style( get_template_directory_uri() . '/gutenberg-editor-style.min.css' );
    }
    add_action( 'after_setup_theme', 'gutenberg_editor' );

    Siempre añade por defecto la clase ‘.editor-styles-wrapper’ antes de mis clases, esto es un problema porque necesito seleccionar una clase que hay en body y como el body se encuentra más arriba que esta clase, no me funciona.

    Es decir si yo en ‘gutenberg-editor-style.min.css’ tengo .wp-block {max-width:1100px;} al verlo en el interprete veo que pone .editor-styles-wrapper .wp-block {max-width:1100px;}.

    ¿Alguna idea de porque ocurre esto? Gracias!

Viendo 3 respuestas - de la 1 a la 3 (de un total de 3)
  • Moderador Fernando Tellado

    (@fernandot)

    Hola @tamarazambrana

    Normalmente eso son estilos que se cargan desde el tema activo, para que el editor muestre WYSIWYG, y suele estar en el functions.php del tema.

    Iniciador del debate tamarazambrana

    (@tamarazambrana)

    Hola @fernandot,

    gracias por la respuesta, pero no entiendo muy bien a que te refieres.

    El tema es mío, llamo a la función anteriormente mencionada para poder editar Gutenberg, es decir editar el editor en el Backend y no en el Frontend. Esto funciona, para los bloques que tengo ahí. El problema viene cuando necesito ponerle un color de fondo dependiendo de ‘Post type’, puedo seleccionar el post type de una clase que aparece en el Body, el problema es que como por defecto me incluye esta clase (.editor-styles-wrapper ) delante de todo lo que yo ponga ese fichero… no puedo seleccionar nada del Body ya que está más arriba que ese div (.editor-styles-wrapper ).

    Dejo este link, quizás así se entienda mejor. https://ibb.co/K6FJYSK

    Iniciador del debate tamarazambrana

    (@tamarazambrana)

    No es la solución que más me gusta, pero como como gutenberg no da la opción de filtrar por ‘post type’ lo he puesto en el CSS del admin

    function background_gutenberg_book() {
    	echo '<style>
    		body.block-editor-page.post-type-book {
    			background: #f2f2f2 !important;
    		}
    	</style>';
    }
    add_action('admin_head', 'background_gutenberg_book');
    • Esta respuesta fue modificada hace 1 año, 3 meses por tamarazambrana.
    • Esta respuesta fue modificada hace 1 año, 3 meses por tamarazambrana.
Viendo 3 respuestas - de la 1 a la 3 (de un total de 3)
  • El debate ‘Editor CSS de Gutenberg – eliminar clase por defecto’ está cerrado a nuevas respuestas.