Css Utili

Fullscreen, centrato in altezza e larghezza

Su Divi in sezione:
avanzate > css personalizzato > elemento principale

min-height: 100vh;
display: flex;
flex-direction: column;

Centrare un pulsante di un Form su Divi

Su pagina Divi, css della pagina

.et_contact_bottom_container {
float: none;
text-align: center;
display: block !important;
}

Menu fisso su mobile

Su Divi codice Css Globale

@media (max-width: 980px) { .et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header,
.et_fixed_nav #top-header { position: fixed !important; } }

Logo visualizzato da mobile (switch)

Su Divi codice Css Globale

@media only screen and (max-width: 981px) {
#logo {
content: url("https://www.sito.it/etcetc.jpg");
}
}

@media (max-width: 980px) { .et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header,
.et_fixed_nav #top-header { position: fixed !important; } }

Incremento larghezza del menu dropdown

Su Divi codice Css Globale

.et-menu li li a {
padding: 6px 20px;
width: 260px;
}
.nav li ul {
position: absolute;
padding: 20px 0;
width: 300px;
}

Elimino url dai commenti negli articoli

Su Divi codice Css Globale

.comment-form-url {
display: none;
}

Was this article helpful?

Articoli Correlati

Vuoi lasciare un commento?