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 */
}
}
Accessibility