Ajouter Styles CSS – MDirector

Dans la section CSS, nous pouvons ajouter notre propre code CSS pour modifier le style de notre page d'atterrissage. Il est très utile d'inclure des fonctionnalités avancées qui nous aident à contrôler le style des élements de la landing qu'on est en train de créer.

Voilà quelques examples:

LISTES EN HTML

Pour activer/désactiver listes d'élements il faut ajouter le code suivant:

Désactiver le comportement

   ul {
      list-style: none;
    }

Modifier le comportement

ul.clase-de-la-lista {
      list-style: disc;
    }

IMPORTER POLICES

Le code suivant sert à utiliser de polices qui ne sont pas estandard et qui ne sont pas dans l'editeur. Il faut suivre les pas suivantes:

Il faut publier les polices dans une URL publique.
Inserez le code suivant dans le bloque CSS de la landing:

@font-face {
font-family: 'MyWebFont';
src: url('webfont.eot'); 
src: url('webfont.eot?#iefix') format('embedded-opentype'),
url('webfont.woff2') format('woff2'), 
url('webfont.woff') format('woff'), 
url('webfont.ttf') format('truetype'), 
url('webfont.svg#svgFontName') format('svg'); 
}

Quand vous voulez utiliser cet CSS il faudra l'editeur de code html, et non pas le wysiwyg.

MODIFIER L'AVIS DE COOKIES

CSS mobile:

.cookies-strip{    left: 0!important;
    margin-left: 0!important;width:100%!important; padding:0 10px 10px 14px!important}
.cookies-strip:before{display:none}
.cookies-strip h2{display:none}

CSS desktop:

.cookies-strip{    left: 0!important;
    margin-left: 0!important;width:100%!important; padding:0 10px 10px 104px!important}
.cookies-strip:before{display:none}
.cookies-strip h2{display:none}

Commentaires