Block : Image and text banner

Ce block permet de créer un ensemble associant un texte et une image, cette dernière ayant une taille s’adaptant automatiquement au contenu.

Text column width (choix) : la valeur de la largeur relative du contenu
Ordering (choix) : le choix de l’ordre de placement de l’image par rapport au texte : texte à gauche / image à droite ou inversement
Ordering (mobiles) (choix) : le choix de l’ordre de placement de l’image par rapport au texte sur mobiles : garder la réglage précédent ou passer l’image en premier
Min height et Min height sm (nombre en pixels : définit la hauteur minimal des zones de contenu et d’image en version desktop et mobile. Une valeur mobile définie sur « 0 » fera que l’image sera masquée sur mobiles, à moins qu’un texte soit associé à l’image
No gutter mode (choix) : désactive ou non l’espacement interne aux extrémités latérales du block
Text content options : groupe d’options relatives à la zone de contenu
Image content options : groupe d’options relatives à l’image associée
Section link (url) et Section link in new tab (choix) : permets de lier la section à un lien interne ou externe, avec possibilité d’ouverture dans un nouvel onglet

Text content options :

Background color (couleur) : choix de la couleur de fond
Text color et Title color (couleurs) : choix des couleurs de texte et des titres
Horizontal centering (choix) : permets de choisir l’alignement horizontal du contenu
Vertical centering (choix) : permets de choisir l’alignement vertical du contenu
Padding horizontal et padding vertical (nombre, en pixels) : définissent les marges verticales et horizontales du contenu
Adaptative horizontal padding (choix) : permets une gestion intelligente des marges internes (annulation sur mobiles, et attribution de la valeur définie uniquement à gauche ou à droite selon la disposition droite ou gauche de l’image)

Image content options :

Position X et Position Y (nombre) : définissent les positions horizontales et verticales de l’image. Cette valeur peut être un entier compris entre 0 et 100 et définissant un pourcentage, ou la valeur ‘center’ pour centrer cette position
Size (choix) : définit la taille de l’image par rapport à son conteneur. « Cover » pour que l’image occupe tout l’espace, quitte à être rognée ou agrandie, « Contain » pour que sa taille soit conservée sans rognage, « 100% auto » pour occuper toute la largeur sans modifier la hauteur
Set color overlay (choix) : Permets d’afficher ou non un filtre de couleur par dessus l’image.
Overlay color (couleur) : choix de la couleur de surimpression. Le sélecteur de couleur RGBa permet de sélectionner un niveau de transparence de la couleur choisie
Optional text (text) : texte optionnel à afficher en surimpression de l’image (et au dessus du filtre couleur si celui ci est définit)
Text color (couleur) : définit la couleur de ce texte optionnel
Text tag (choix) : choix de la balise html englobant le texte optionnel
Text class (texte) : classes css additionnelles à appliquer au texte optionnel
Horizontal centering et vertical centering (choix) : alignements vertical et horizontal du texte optionnel