Par défaut, Undercore ne gère pas les blocks Large et Fullwidth.
Il faut les activer.
Dans le fichier functions.php ajoutez cette fonction:
/**
* Activate fullwidth block
*/
function slugdemontheme_setup_theme_supported_features() {
// Format large
add_theme_support( 'align-wide' );
}
add_action( 'after_setup_theme', 'slugdemontheme_setup_theme_supported_features' );
Et dans votre fichier css:
/* FULLWIDTH BLOCK */
@media screen and (min-width: 960px) {
.alignfull {
width: 100vw;
margin-left: calc(50% - 50vw);
}
.alignwide {
width: calc(100% + 240px);
position: relative;
left: -120px;
}
}
.entry-content .alignwide {
margin-left : -80px;
margin-right : -80px;
}
.entry-content .alignfull {
margin-left : calc( -100vw / 2 + 100% / 2 );
margin-right : calc( -100vw / 2 + 100% / 2 );
max-width : 100vw;
}
.alignfull img {
width: 100vw;
}