CTA:
Scopri di più
tmplt box figli:
7
tmplt box evidenza HP 2:
1
tmplt box Evidenza HP 1:
7
Allineamento testo box evidenza HP 1:
left
Testo2 blocco fisso:
0
OFFICIAL DISTRIBUTORS
0
COUNTRIES SERVED
0
REGISTERED MARKS
0
EUROPEAN PRODUCT PATENTS
Immagine sfondo box testo2 blocco fisso:
Testo3 blocco fisso:
AN OVER 50 YEARS MADE IN ITALY STORY
Immagine sfondo box testo3 blocco fisso:
Allineamento testo box testo3 blocco fisso:
center
Testo4 blocco fisso:
WANT TO RECEIVE UPDATES?
SUBSCRIBE TO THE NEWSLETTER
Colore box testo4 blocco fisso:
Testo5 blocco fisso:
KATARI
Antiviral and bacterical LED device with ultraviolet C-band light
SANITIZE AIR, SURFACES AND OBJECTS
99% effectiveness against COVID 19 - Certified by the University of Milan
Colore box testo5 blocco fisso:
Immagine sfondo box testo5 blocco fisso:
Allineamento testo box testo5 blocco fisso:
center
Numero elementi visibili:
4
Mlid voci da escludere dal dropdown:
3121
Margini titolo blocco:
0px 0px 40px 0px /*top right bottom left*/
Email in header visibile da desktop?:
no
Telefono in header visibile da desktop?:
no
Ricerca in header visibile da desktop?:
no
Allineamento titolo:
left
Titoli pagina maiuscoli?:
si
SECONDO LIVELLO Tmplt:
1
Allineamento titolo blocchi:
center
Titoli blocchi maiuscoli?:
si
GAP tra gli elementi:
30px
Colore testo body:
Tmplt accordion:
1
Larghezza sommario in %:
50
Numero di elementi nelle griglie:
3
Ingombro immagine per template 4:
50
Colore link header:
Font-size body:
18
Animazione bottoni:
shrink
Altezza layer:
50%
Numero elementi in griglia evidenza 1:
3
Numero elementi in griglia figli:
3
Numero elementi in griglia evidenza 2:
3
Animazione Evidenza 1:
fade-up
Animazione figli:
fade-up
Animazione Testo2 fisso:
fade-right
Animazione Testo3 fisso:
fade-right
Animazione Testo5 fisso:
fade-left
Numero elementi in griglia evidenza 3:
3
tmplt box evidenza HP 3:
1
Link pie di pagina ev3:
News
Animazione Evidenza 3:
fade-up
Numero elementi in griglia evidenza 4:
3
tmplt box evidenza HP 4:
1
Numero elementi in griglia evidenza 5:
3
tmplt box evidenza HP 5:
1
Dimensione colonna sinistra:
6
Margine in basso tra i box se in colonna destra:
30px
Loghi centrati 1:
Immagine loghi centrati:
PRIMO LIVELLO Tmplt Hover:
1
Hamburger Desktop - larghezza colonna primo livello (in px):
200
Hamburger Desktop - larghezza contenitore (in px):
600
Hamburger Desktop - altezza contenitore (in px):
500
Margin in basso per le colonne:
50px
Videogallery - Margine in basso:
50
Aspect ratio del video:
75%
Striscia header TOP:
Breve testo header:
Striscia header BOTTOM:
Allineamento header:
left
Padding loghi header:
20px 0px 20px 0px /*top right bottom left*/
Colore testo striscia header bottom:
Padding sommario:
30px 30px 30px 30px /*top right bottom left*/
Colore Bottoni:
Spessore bordo bottoni:
1
Raggio del bottone stondato:
40px
TMPLT Bottoni:
2
Padding bottone:
10px 20px 10px 20px /*top right bottom left */
CTA Brochure (sovrascritto):
- Default CTA -
TMPLT Bottone Figli (sovrascritto):
8
CTA Figli (sovrascritto):
TMPLT Bottone Evidenza1 (sovrascritto):
8
CTA Evidenza1 (sovrascritto):
CTA Evidenza2 (sovrascritto):
- Default CTA -
TMPLT Bottone Evidenza3 (sovrascritto):
8
CTA Evidenza3 (sovrascritto):
CTA Evidenza4 (sovrascritto):
- Default CTA -
CTA Evidenza5 (sovrascritto):
- Default CTA -
PRIMO LIVELLO Font size voci:
18px
Font size titolo:
30px
Font size titolo se in colonna destra:
30px
Distanzia la colonna destra:
si
Opacità layer TOP:
100%
Opacità layer BOTTOM:
20%
Opacità layer TOTALE:
100%
Codice separatore UNICODE (font awesome):
f054
Font size TITOLI Blocchi:
30px
Customstyle:
Font-size:
18px
Color:
In grassetto:
si
CSS aggiuntivo:
.testo5fisso,
.testo3fisso,
.testo5fisso h2,
.testo3fisso h2,
.testo5fisso h3,
.testo3fisso h3,
.testo5fisso h4{
color:#fff!important
}
.footerwt {margin-top:30px;}
/***css formcontatti****/
/****stile dei campi****/
.formcontatti .form-type-textfield input,
.formcontatti .form-type-webform-email input,
.formcontatti .form-type-textarea textarea {
padding:20px 20px 20px 20px /*top right bottom left*/;
margin:0px 0px 10px 0px /*top right bottom left*/;
color: #89a2b2 /*colore del testo*/;
background: transparent /*colore sfondo*/;
text-transform: none /* uppercase */;
border-top:1px solid #89a2b2;
border-right:1px solid #89a2b2;
border-bottom:1px solid #89a2b2;
border-left:1px solid #89a2b2;
border-radius:0px;
}
/****bottone*****/
.formcontatti .btn {
margin-left:15px;
float:right;
text-transform:uppercase;
}
/***css formpaginacontatti****/
/****stile dei campi****/
.formpaginacontatti .form-type-textfield input,
.formpaginacontatti .form-type-webform-email input,
.formpaginacontatti .form-type-textarea textarea {
padding:20px 20px 20px 20px /*top right bottom left*/;
margin:0px 0px 10px 0px /*top right bottom left*/;
color: #89a2b2 /*colore del testo*/;
background: transparent /*colore sfondo*/;
text-transform: none /* uppercase */;
border-top:1px solid #89a2b2;
border-right:1px solid #89a2b2;
border-bottom:1px solid #89a2b2;
border-left:1px solid #89a2b2;
border-radius:0px;
}
/****bottone*****/
.formpaginacontatti .btn {
margin-left:15px;
float:right;
text-transform:uppercase;
}
/***css formcatalogo****/
.formcatalogo {
background: #dae2e8;
overflow: hidden;
padding: 20px;
margin-bottom: 40px;
}
/****stile dei campi****/
.formcatalogo .form-type-textfield input,
.formcatalogo .form-type-webform-email input,
.formcatalogo .form-type-textarea textarea {
padding:20px 20px 20px 20px /*top right bottom left*/;
margin:0px 0px 10px 0px /*top right bottom left*/;
color: #89a2b2 /*colore del testo*/;
background: #fff /*colore sfondo*/;
text-transform: none /* uppercase */;
border-top:1px solid #89a2b2;
border-right:1px solid #89a2b2;
border-bottom:1px solid #89a2b2;
border-left:1px solid #89a2b2;
border-radius:0px;
}
/****bottone*****/
.formcatalogo .btn {
margin-left:15px;
float:right;
text-transform:uppercase;
}
.testoecta2 {
display:flex;
gap:30px;
padding:30px 30px 30px 30px;
margin:50px 0 50pz 0;
color:#000;
font-size:33px;
margin:0 0 40px 0;
background: #dae1e7;
}
@media (max-width: 767px) {
.testoecta2 {
display:block;
}
}
.correlate {margin-top:30px}
.accordionwt h3 {text-transform:uppercase;font-weight:bold;}
.views-bootstrap-accordion-plugin-style.panel-group {margin-bottom:50px;}
.accordionwt .panel-title > a[aria-expanded="false"] {
background-color: #88a2b1;text-transform:uppercase;
}
.accordionwt .panel-title > a {text-transform:uppercase;}
.legendagrafici, .legenda {margin-top:20px}
.wtgrid.figli.correlate .view-content {
grid-template-columns: repeat(4,1fr);
}
Peso titolo blocchi:
500
Peso titolo pagina:
500
Stile underline:
.block .conttitblock > h2:after {
height: 1px;/*spessore sottolineato*/
background: #f1d56e;/*colore*/
bottom: -5px;/*distanza dal basso*/
width: calc(100% + 40px);/*larghezza sottolineato. può essere più largo del 100%. Sistemare il left di conseguenza. ES: se largo 50% il left sarà -25%*/
left: -20px;}
Stile underline titolo:
.wrapper-region-titolo .titolopagina h1:after {
height: 5px;/*spessore sottolineato*/
background: #000;/*colore*/
bottom: -15px;/*distanza dal basso*/
width: 30px;/*larghezza sottolineato. può essere più largo del 100%. Sistemare il left di conseguenza. ES: se largo 50% il left sarà -25%Se invece voglio specificare una larghezza fissa ad esempio il width sarà 30px, mentre il left calc(50% - 15px)*/
left: calc(50% - 15px);}
Headings:
h2 {
font-size:36px;/*dimensione*/
line-height: 1.4;/*interlinea*/
font-weight:300;/*peso*/
text-transform:uppercase;/*se minuscolo togliere*/
margin:10px 0 10px 0;/*top right bottom left*/
color:#000000;/*colore*/
}
h3 {
font-size:26px;/*dimensione*/
line-height: 1.4;/*interlinea*/
font-weight:300;/*peso*/
/*text-transform:uppercase;/*se minuscolo togliere*/
margin:10px 0 10px 0;/*top right bottom left*/
color:#000000;/*colore*/
}
h4 {
font-size:18px;/*dimensione*/
line-height: 1.4;/*interlinea*/
font-weight:300;/*peso*/
/*text-transform:uppercase;/*se minuscolo togliere*/
margin:10px 0 10px 0;/*top right bottom left*/
color:#000000;/*colore*/
}
h5 {
font-size:14px;/*dimensione*/
line-height: 1.4;/*interlinea*/
font-weight:300;/*peso*/
/*text-transform:uppercase;/*se minuscolo togliere*/
margin:10px 0 10px 0;/*top right bottom left*/
color:#000000;/*colore*/
}
h6 {
font-size:12px;/*dimensione*/
line-height: 1.4;/*interlinea*/
font-weight:300;/*peso*/
/*text-transform:uppercase;/*se minuscolo togliere*/
margin:10px 0 10px 0;/*top right bottom left*/
color:#000000;/*colore*/
}
