astuces CSS de mise en page simpliste

Quelques astuces CSS pour ajuster son thème Wordpress ou autre site utilisant des classes de contenants.

images pleine largeur

Pour éliminer tout espace autour des images.

.wp-block-image {
    max-width: none;
    margin: 32px auto;
    padding: 0px;
}

https://mikeoliver.me/styling-the-wordpress-image-block/

centrer les légendes des images

figcaption {
    text-align: center;
}

changer la largeur du contenu

.site-main {
    max-width: 768px;
}

utiliser la largeur medium-large

Dans les paramètres Media de Wordpress j’ai changé la taille des images large à 768 px x 0. Il faut ensuite régénérer toutes les miniatures pour que le changement prennent effet.