Poner imágenes de ancho completo en wordpress con guttemberg y e …

Ainhoa

Usuario eminente

Hola,
He modificado mi archivo Funtions del tema Brige con las lineas:
// Add alignwide & alignfull support
add_theme_support( 'align-wide' );
y ahora ya veo la posibilidad de poner imagen de ancho completo en los bloques de imagen de Guttemberg.
lo que pasa es que cuando publico la imagen sigue siendo de ancho normal sin coger todo el ancho de la pantalla como lo hace en la pagina editada.

Creo que tengo que añadir las lineas;
.alignwide {margin-left: auto;margin-right: auto; max-width: 960px;}
.alignfull {margin-left: auto;margin-right: auto; width: 100%;}

Las lineas hay que añadirlas en el archivo style.css del tema. Mi problema es que el tema Bridge no tiene un archivo propiamente dicho. Tiene una carpeta style con una serie de archivos y tras varias pruebas no consigo saber donde hay que incluir estas lineas para que al publicar la página la imagen se vea en ancho completo cómo se ve en la pagina cuando se está editando

Tengo imágenes así en varias paginas pero utilizando visual composer y la idea era dejar de utilizarlo para evitar depender del plugin y que la web vaya más ligera.

¿Donde tengo que hacer esa modificación decís?

SI hay otra manera más sencilla de que determinados bloques puedan tener ancho de pagina completo estaría muy agradecida.

URL del sitio:Contenido solo visible a usuarios registrados
Pero al parecer o no es correcta o no la he interpretado bien.

¿Tenéis solución para el ancho de las imágenes?

Citar

Respondido : 05/01/2020 3:34 pm

iberiawebempresa

Miembro Admin

Pruebas Lucas

Hola, esta url está hide

Contenido solo visible a usuarios registrados

ResponderCitar

Respondido : 09/01/2020 10:48 pm

Bulmaro

Soporte CMS Webempresa Moderator

Contenido solo visible a usuarios registrados

Esta publicación ha sido modificada el hace 4 años 2 veces por Bulmaro

ResponderCitar

Respondido : 09/01/2020 10:55 pm

Pepe

Soporte CMS Webempresa Admin

function my_tiny_mce_before_init( $mceInit ) {
$style_formats = array(
array(
'title' => 'Code language',
'items' => array(
array(
'title' => 'PHP',
'block' => 'code',
'classes' => 'language-php'
),
array(
'title' => 'CSS',
'block' => 'code',
'classes' => 'language-css'
),
array(
'title' => 'HTML',
'block' => 'code',
'classes' => 'language-html'
)
)
) 
);

$mceInit['style_formats'] = json_encode( $style_formats );

return $mceInit; 
}
add_filter( 'tiny_mce_before_init', 'my_tiny_mce_before_init' );

ResponderCitar

Respondido : 11/01/2020 6:54 pm

Poner imágenes de ancho completo en wordpress con guttemberg y el tema Bridge.