Usunięcie białego paska i zmiana szerokości strony - WordPress

Dla specjalistów Webmastering
#1

Witam serdecznie.
Jestem nowy w temacie WordPress’a i potrzebuję pomocy z dwoma tematami.

  1. Jak wywalić biały pasek na samej górze strony ?

  2. Jak włączyć wyświetlanie strony na całą szerokość ekranu ?

Korzystam z motywu ColorMag by ThemeGrill.

Strona przy której potrzebuję pomocy: http://mrowkazychlin.c0.pl

#2

w pliku style.css linia: 577

#header-text-nav-wrap {
/* padding: 20px 0 25px; */
}
lub

#header-text-nav-wrap {
padding: 0px 0 25px;
}

#3

Przechwytywanie
Przechwytywanie.PNG1365×630 250 KB

#4

Dziękuje za pomoc ale niestety nie pomogło :frowning:

#5

Plik do podmiany: http://mrowkazychlin.c0.pl/wp-content/themes/colormag/style.css?ver=5.0.1

#header-text-nav-wrap {
padding: 0 0 25px;
}

zmieniony plik:

style.zip (12,0 KB)

POWODZENIA

#6

poprawka

#header-text-nav-wrap {
padding: 0px;
}

PNG
style-działa.PNG.jpg1365×596 272 KB

1 polubienie
#7

O ile dobrze rozumiem to mam podmienić podany plik w motywie… niestety po podmianie pasek nie znika. Zmiana na 0px też nie pomaga. :frowning:

EDIT:
Sprawdziłem teraz na innej przeglądarce i paska nie ma :slight_smile: Dzięki. Jesteś Wielki :slight_smile:
Ale niestety w Operze mimo skasowania “ciasteczek i innych danych witryn” pasek nadal jest :thinking:

A wiesz może co zmienić aby strona wyświetlała się na całą szerokość ekranu?

#8

Ctrl+F5

1 polubienie
#9

Pełna szerokość: z małym marginesem po 10px z lewej i prawej strony

(zmiany w tym samym pliku: style.css)

image

lub ustaw

max-width: 100%;

będziesz miał full page.

OPERA: Wszystko jest ok. Wyczyść cache przeglądarki i będzie OK.

image
image.jpg1365×590 247 KB

1 polubienie
#10

#plottwist jeżeli zmieniasz to w motywie głównym a nie motywie potomnym to 1’ po aktualizacji poprawki znikną lub 2’ nie zaktualizujesz motywu a tym samym jesteś narażony na różnego typu podatności :wink:

1 polubienie
#11

Zgadzam się z powyższym stwierdzeniem.

Metoda na to: W panelu administracyjnym - Wygląd > Dostosuj > Dodatkowy CSS, wkleić taki kod:

.inner-wrap {
margin: 0 auto;
max-width: calc(100% - 20px);
}
#header-text-nav-wrap {
padding: 0px;
}

plik motywu pozostawić bez zmian.

1 polubienie
#12

Mam jeszcze jeden problem a mianowicie nie wiem jak wyrównać galerie do lewej strony?
Galeria jest realizowana wtyczką NEXTGEN GALLERY.
Też Dodatkowym CSS’m ?

Kod galerii na stronie wygląda tak:

[ngg src="galleries" ids="7" exclusions="83,87" display="basic_slideshow" gallery_width="800" gallery_height="400" arrows="1" transition_speed="250"]

#13

Poniższy kod w dodatkowym CSS rozwiązuje problem :slight_smile:

#primary .ngg-slideshow.slick-slider {
margin: 40px 0 50px 0 !important;
overflow: visible;
}