Personnaliser conteneurs

Le Conteneur est une catégorie qui se trouve en première position de l’onglet "Styles" du volet de conception. Chaque élément, à l'exception de l'élément "Code", dispose de la catégorie “Conteneur”.

Le conteneur agit comme une boîte qui encadre votre élément. Grâce à lui, vous pouvez appliquer un style qui sera automatiquement attribué à l’élément concerné.

Certains éléments peuvent être imbriqués. Veillez donc à bien appliquer les paramètres au bon élément.

La plupart des options de personnalisation sont communes à tous les éléments disposant d’un conteneur. Si certains paramètres ne sont pas disponibles, cela veut dire que l'élément sélectionné ne permet pas leur application.

Les options de personnalisation de la catégorie “Conteneur” sont réparties comme suit :

Vous avez deux options pour définir la largeur : en pixels ou en pourcentage. Pour changer de type d’unité, cliquez sur la flèche à côté de la valeur.

Les hauteurs doivent toujours être définies en pixels.

Lorsque vous modifiez la hauteur d'un élément, cela peut entraîner des déformations. Veillez à tester soigneusement et à vérifier que le rendu correspond bien à vos attentes.

Vous pouvez entrer ou copier-coller le code couleur de votre choix. Sinon, cliquez sur le carré à droite du champ. Une pop-in apparaît vous permettant de sélectionner une couleur, ou d’utiliser une pipette (selon votre système d'exploitation, cette pop-in peut apparaître différente).

Entrez directement le pourcentage d'opacité souhaité. Par défaut, l'opacité est à 100 %. Plus vous diminuez ce pourcentage, plus l'élément devient transparent.

Cliquez sur le bouton choisir pour sélectionner un visuel dans votre médiathèque afin de l’afficher dans votre conteneur. Vous pouvez également directement copier coller l’url d’hébergement de votre visuel dans le champ “Source” ou “Image de fond”. En dessous du champ “Source” vous avez également un bouton “Retoucher l’image” qui vous permettra de retoucher le visuel choisi.

Renseignez ici un texte alternatif à votre visuel ou élément vidéo par exemple. Ce texte permet d’afficher le message souhaité lorsque les images ne se chargent pas, cela vous permettra d’améliorer l’accessibilité de votre email.