Bonjour Gerard.
Je vais essayer de t’aider autant que possible (je vais rentrer très dans les détails, désolé si c’est trop).
Pour commencer et faire simple, nous allons commencer avec un cadre simple.
Pour cela, il te faut accéder au Personnalisation avancée :
Une fois dans les Personnalisation avancée, il te faut t’assurer que tu es sur l’onglet Desktop (les onglets sont à gauche) et que tu as bien la case Activer de cochés (à droite) :
Ensuite, dans le bloc css tu va y mettre ce code :
[data-page="plan"] .div_displayObject {
background: #E7EEF7 !important;
font-family: system-ui !important;
}
[data-page="plan"] .mia-cadre{
width: 100%;
height: 100%;
background: transparent;
border-radius: 32px;
box-shadow: 5px 5px 10px 5px rgba(136, 165, 191, 0.5),
-5px -5px 10px 5px rgba(255,255,255, 0.8);
}
Ensuite tu va sur ton design (existant ou une nouvelle page).
Normalement le background de ta page devrait être un blanc cassé :
Si ce n’est pas le cas, c’est qu’il y a un problème de prise en compte du css.
Essais d’actualiser la page en purgeant le cache (ctrl F5 sous la plupart des navigateurs web).
Sur ton design, tu fais un clique droit Edition.
Tu fais de nouveau un clique droit et tu choisis Ajouter texte/html
Tu fais encore clique droit sur le composant qui vient de s’afficher et Paramètres d’affichage
Ce qui est important c’est de bien cocher Transparent et de mettre dans la zone texte :
<div class="mia-cadre"></div>
Si tout fonctionne tu devrais avoir cela :
Si ce n’est pas le cas, n’hésite pas à poster les captures d’écran du résultat.
Tu peux aussi regarder avec l’inspecteur ce que la page web contient.
Par exemple, pour le test que l’on vient de faire voici ce que j’ai avec l’inspecteur web de Chrome (le code à gauche et le css à droite)