Añadir estilos CSS

En la sección CSS podemos añadir nuestro propio código CSS para variar el estilo de los elementos de nuestra landing. Es altamente útil poder incluir funciones avanzadas que nos ayuden a controlar o aprovechar mucho mas el estilo de los elementos de la landing que estamos creando.
Por eso, aquí te mostramos unos cuantos ejemplos:  

Listas en HTML

Para activar o desactivar listas de elementos se añade el siguiente código:

• Desactivar el comportamiento:

   ul {
      list-style: none;
    }

• Cambiar el comportamiento a otro diferente:

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

Importar fuentes

Este código vale para utilizar fuentes que no son estándar y que no están en el editor. Hay que seguir los siguientes pasos

• Hay que alojar la fuente el mismo con una URL publica.
• El codigo indicado debajo se debe meter en la landing en el bloque CSS.
•  

@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'); 
}

Cuando queramos usar ese CSS se aplica en el editor, utilizando la vista de código html y no el wysiwyg.

Modificar el aviso 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 escritorio:

.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}