Insert CSS styles

In the CSS section we can add our own CSS code to modify the elements in our landing page. It can be very useful to include such advanced functions, which can help us control and make the most the style of the elements on the landing we are creating.

Here you are a few examples:

Lists in HTML

If you wish to activate/deactivate a list of elements you should insert the following code:

• Deactivate the behaviour

   ul {
      list-style: none;
    }

• Change the behaviour

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

Import fonts

You can use this code to insert non-standard fonts. You can do this as follows:

• Publish your font in a public URL
• Insert the following code into the Landing CSS block:

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

Whenever you want to use this CSS remember to use the html editor instead of the wysiwyg editor.

Modify the cookie's alert

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}