PDA

Zobacz pełną wersję : Protostar - ustawienia baneru.


mcfoto
27-04-2019, 20:17
Witajcie, na mojej stronie :
http://sutannyaperio.opx.pl/
chciałem logo ustawić na całą szerokość bez białego tła po bokach. Szukałem w templates/protostar/css/template.css hasła z logo, banner, itp., ale nic nie moge znaleźć, nie chciałbym czegoś innego niechcący zepsuć. Pod jakim hasłem szukać ustawień banneru ?
siristru
27-04-2019, 20:51
To pole ma 940px: http://prntscr.com/nhocr7
Wstawiasz tam baner o szerokości 761px: http://prntscr.com/nhod0k

Jakim cudem ma wypełnić tę przestrzeń?? :)
Przygotuj większy banner po prostu. Obrazki są skalowane w dół (tj. max-width: 100%) nie w górę bo inaczej straciły na jakości (rozmycie, pikseloza).

Białe tło po lewej to błędnie przygotowana grafika: http://prntscr.com/nhodve ma kawałek przezroczystego tła po lewej.

Białe krawędzie po prawej i lewej takie będą bo nadrzędny kontener ma padding: http://prntscr.com/nhoei7
mcfoto
27-04-2019, 21:12
Zmieniłem padding w pliku i bez zmian. Grafika ma teraz wymiar pola.
siristru
27-04-2019, 22:42
LOL :) Jest taka magiczna kombinacja klawiszy CTRL + F5.

I viola! http://prntscr.com/nhpka3

Odświeżaj stronę z wyczyszczeniem pamięci podręcznej, wtedy zobaczysz zmiany. Pliki CSS zapisywane są w pamięci podręcznej dla szybszego renderowania strony.

Padding dla kontenera "container" jest potrzebny bo to część Bootstrapa. Potrzebujesz mieć miejsce dla modułu POZA tym kontenerem.
W body ale przed "container": http://prntscr.com/nhplbt
Czyli musisz to zrobić w pliku index.php szablonu. Dopisać nowe miejsce na moduł i opisać go klasami CSS tak by był takiej samej szerokości co "container" ale bez paddingu i wyśrodkowany horyzontalnie.