Poner imágenes de ancho completo en wordpress con guttemberg y el tema Bridge. – Página 2 – Administración WordPress

Ainhoa

Respuestas: 33

Eminent Member

Topic starter

Translate ▼

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?

Respondido : 05/01/2020 3:34 pm

iberiawebempresa

Respuestas: 1

New Member Admin

Translate ▼

Pruebas Lucas

Hola, esta url está hide

Contenido solo visible a usuarios registrados

Respondido : 09/01/2020 10:48 pm

Bulmaro

Respuestas: 4369

Famed Member Moderator

Translate ▼

Contenido solo visible a usuarios registrados

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

Respondido : 09/01/2020 10:55 pm

Pepe

Respuestas: 42192

Illustrious Member Admin

Translate ▼

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' );

Respondido : 11/01/2020 6:54 pm