W tym motywie to jest tak:
W piku style.css odnajdź takie linijki:
/* =Structure
----------------------------------------------- */
body {
padding: 0 2em;
}
#page {
margin: 2em auto;
max-width: 1000px;
Atrybut #page jest odpowiedzialny za „szerokość” strony.
Zmień tylko max-width na inną wartość i już. 🙂
max-width określa maksymalną szerokość jaka może mieć strona ale nie stałą szerokość czyli jeżeli zmniejszysz oko przeglądarki to strona też się -> zwęży :/ (dynamiczna szerokość) dlatego powinieneś to uzupełnić dodając:
min-width: 700px; dla uzyskanie dobrego efektu albo samo width dla stałej szerokości 😉
Cz
Sam zobacz co sie stanie jak zmniejszysz okno przeglądarki.
Witajcie.
A co zmienić i gdzie jeśli chcę stronę bez sidebar’a ale zachowaniem szerokości 1000px? Ewentualnie jakiejś swojej wartości.
Domyślnie jeśli w ttym motywie wyłączy się sidebar to wszystko staje się stracznie wąskie.
Jak zmieniasz układ motywu (w Theme Options) do znacznika <body> są dodawane dodatkowe klasy.
Dla układu: One-column, no sidebar są dodawana klasy: .one-column .content i takich należy szukać w stylach.
Klasa .content nie jest tak istotna, bo w arkuszu css ma zaledwie parametr: witht o wartośći 100% (linia 1900) więc…
Natomiast ważniejszy jest selektor klasy .one-column, bo to on nadaje szerokość:
Odszukaj lini 193:
/* One column */
.one-column #page {
max-width: 690px; /* Ta wartość nadaje szerokość*/
}
.one-column #content {
margin: 0 7.6%;
width: auto;
}
.one-column #nav-below {
border-bottom (...)
Wystarczy, że zmienisz sobie max-width: 690px; na max-width: 1000px; i będziesz miał taka sama szerokość jak dla układu z kolumnami bocznymi 😉
Witam,
Mam podobny problem z szerokością w tym motywie. A mianowicie chodzi mi o pomoc gdzie i jaki wpis odpowiada za szerokość „zawartości” w nowej stronie (we wpisie wiem). Tworzę stronę z miniaturkami i pasy po bokach to straszne marnotrawstwo miejsca na miniaturki zdjęć.
Poniżej podaje link o zmianę czego mi chodzi.
LINK optycznie widać że można by zmieścić 8 miniaturek zdjęć w rzędzie (czyli 2x więcej niż obecnie).
W style.css znajdź 110 linijkę. Masz tam wartość „width: 69,9%;” i to jest własnie to co powinno cie interesować.
