7 października 2018

Zmień szerokość paska bocznego DIVI

Ten jest dość prosty – zmieniamy domyślną szerokość widżetu paska bocznego Divi. Jeśli kiedykolwiek czułeś się zbyt wąski, wystarczy spojrzeć na poniższy kod.

Ten kod zmieni domyślną szerokość na 300px i ustawi margines 30px na brzegu ekranu przeglądarki. Być może zauważyłeś tam również zapytanie o media. Ponieważ zamierzamy wymusić nową szerokość i margines, gdyby nie to zapytanie o media, twoja strona mogłaby pęknąć na małych ekranach.

Do celów testowych ustawiliśmy minimalną szerokość 1 200 pikseli, aby wymusić zmiany CSS opisane poniżej. Jeśli rozdzielczość przeglądarki odpowiada lub przekracza to minimum, będą mogli zobaczyć twój nowy pasek boczny.

@media only screen and ( min-width1200px ) {
.et_right_sidebar #sidebar .et_pb_widget {
margin-right:30px !important;
}
.et_left_sidebar #sidebar .et_pb_widget {
margin-left:30px !important;
}
.et_right_sidebar #left-area,
.et_left_sidebar #left-area {
width:720px !important/* 1020 - width */
}
.et_right_sidebar #main-content .container:before {
right:300px !important/* width */
}
.et_left_sidebar #main-content .container:before {
left:300px !important/* width */
}
.et_right_sidebar #sidebar,
.et_left_sidebar #sidebar {
width:300px !important/* width */
}
}

0 komentarzy

Wyślij komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *

Szybki kontakt!
+
Wyślij!