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-width : 1200px ) { |
.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 { |
.et_right_sidebar #main-content .container:before { |
.et_left_sidebar #main-content .container:before { |
.et_right_sidebar #sidebar, |
.et_left_sidebar #sidebar { |