Zmień szerokość paska bocznego DIVI

7 października 2018

Blog

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

Leave a Comment

Twój adres email nie zostanie opublikowany. Wymagane pola są oznaczone *

Wypełnij brief strony WWW a w ciągu 24h otrzymasz darmową wycenę!

Zamów darmową wycenę
budowy strony internetowej


Opisz nam w kilku słowach wizję swojej strony, jak miałaby wyglądać i jakie funkcje mieć wbudowane. Pozwoli to nam już na wstępie przedstawić zakres cenowy wykonania takiej strony.

Zapytanie można do nas przesłać również bezpośrednio
na poniższy adres e-mail: biuro@seobit.pl