Polskie wsparcie PrestaShop
PrestaShop => PrestaShop 1.6 => Wątek zaczęty przez: makow33 w Lipiec 07, 2014, 12:37:18 pm
-
Witam, chciałbym prosić o pomoc. Próbuje ustawić nowe tło w swoim sklepie i mam kilka pytań.
W pliku global.css wpisuje
w linii : 5261
.columns-container {
background: white;
/*background:#777777 url(../img/gory.jpg);*/
background-repeat: no-repeat;
background-attachment: fixed;
/*background-size: contain;*/
opacity: 0.5,}
W linii 236 :
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 1.42857;
color: #777777;
background:url(../img/gory.jpg);
/*background-size: 50% 100%;*/
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover; }
Efekt :
http://imgur.com/AW9JsRu (http://imgur.com/AW9JsRu)
W którym miejscu muszę zmienić kod żeby przezroczysty kolor biały był na środku pod całą zawartością sklepu a w tle i po bokach zdjęcie ?
Pozdrawiam
-
Mój szablon po kilku modyfikacjach
http://buldogwroclaw.pl/index.php (http://buldogwroclaw.pl/index.php)
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 1.42857;
color: #777777;
/*background-color: white;*/
background: url(../img/s8.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;}
-------------------------------------------
.container {
padding-left: 0;
padding-right: 0;
background: #fff;} }
body {
min-width: 320px;
height: 100%;
line-height: 18px;
font-size: 13px;
color: #777777; }
body.content_only {
background: none; }
textarea {
resize: none; }
#header {
z-index: 5003; }
.columns-container {
background: none;
/*background:url(../img/a5.JPG);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;}*/}
#columns {
position: relative;
padding-bottom: 50px;
padding-top: 15px; }
_______
Główny container najechał góne meny i stópkę czy da sie to jakoś zmodyfikować.
Czy można zwiekszyć szerokość container o kilka procent , i w taki sposób go zmienić aby wyświetlał się tylko na podstronach ( Produkty , Regulamin ) a nie na stronie głównej ?
-
plik stylu linia 236 zdejmij background z obrazkiem daj go na body następnie na header center column daj kolor biały
contener
max-width: 1170px;
linia 992
-
Czy możesz to rozwinąć. Mam z linii 239 usunąć background: #FFF url(../img/s8.jpg)!important; i wpisać to w linii 5245 :
body {
min-width: 320px;
height: 100%;
line-height: 18px;
font-size: 13px;
color: #777777; }
body.content_only {
background: #FFF url(../img/s8.jpg)!important; }
póżniej kolor biały usunąć z llini 5239 :
@media only screen and (min-width: 1200px) {
.container {
padding-left: 10;
padding-right: 10;
background: #fff
;} }
i dać to do :
#header {
z-index: 5003; }
.columns-container {
background: #FFF;
Jak tak robię to na całym ekranie mam kolor biały wogólne nie widać zdjęcia
-
bo zrobiłes 1 linijke nie drugą zapis w linii 236 - z tego co pamietam naklada background na 3 obiekty