Zmiana tła po bokach strony

[satania]

Witam, chciałbym zmienić kolor tła tylko po bokach strony, tak żeby tło całej strony było białe, a tło bo bokach innego koloru. Dokładnie co mam na myśli jest przedstawione na zdjęciu(zaznaczone na czerwono)

Edited May 28, 2014 by satania (see edit history)

[vekia]

sprawdź to: http://mypresta.eu/en/art/developer/prestashop-shadow-effect-container-page-block.html

rozwiązanie niemal że identycznie można zastosować do szablonu w wersji 1.6

 

a tło zmienimy tak:  http://cart-help.com/topic/63-background-change-in-prestashop-16/

[satania]

//EDIT Dobra, nie było tematu. Nadpisywałem zły plik i dziwiłem się, że nie ma zmian...

Uporałem się zmieniłem #columns, teraz wygląda tak:

#columns {
  position: relative;
  padding-bottom: 50px;
  padding-top: 15px;
  box-shadow:  250px 0px 0px #f9f1d4 ,  -250px 0px 0px #f9f1d4; 
  -moz-box-shadow: 250px 0px 0px #f9f1d4 ,  -250px 0px 0px #f9f1d4; 
  -webkit-box-shadow: 250px 0px 0px #f9f1d4 ,  -250px 0px 0px #f9f1d4; } 
  }

Jednak powstaje mały problem, jak usunąć przestrzeń między header a columns?

 

Edited May 28, 2014 by satania (see edit history)

[justi_c]

sprawdź to: http://mypresta.eu/en/art/developer/prestashop-shadow-effect-container-page-block.html

rozwiązanie niemal że identycznie można zastosować do szablonu w wersji 1.6

 

a tło zmienimy tak:  http://cart-help.com/topic/63-background-change-in-prestashop-16/

 

witam,

chce zmienić tło tylko po bokach, jak w temacie,  ale zosując sie do zaleceń  z drugiego linku(pierwszy link to coś innego zupełnie), po wstawieniu kodu :

 

body, #page, header, .columns-container {

background: #FFF url('URL_TO_YOUR_IMAGE')!important;

}

u mnie dokładnie dla przykładu background: red!important;

 

zmienia się cała strona, łącznie z blokami w lewej kolumnie: blok kategorie, blokiem ostatnio przeglądane, blokiem nasze sklepy itd, WSZYSTKO JEST CZERWONE, A NIE TYLKO BOKI.

 

Muszę więc powtórzyć pytanie: jak zrobić, aby zmienić tło, nie zmieniając jednocześnie bloków w lewej kolumnie. Szukam już 2 dni w internecie - proszę o odpowiedź jeśli ktoś wie.

 

Justi

 

 

 

ODPOWIEDŹ:

 

 

Aby tło zmieniało się tylko po bokach, bez środka, trzeba wstawić w pliku global.css:

 

#page, header, .columns-container, .header-container {

background: none!important;

}

 

w sekcji body wstawić :

body {

background: url('URL_TO_YOUR_IMAGE')!important;

}

 

i najważniejsze w sekcji #columns:

background: white;

 

lub inny kolor, jaki chcemy mieć wewnątrz.

 

 

Pozdrawiam

Edited September 24, 2014 by justi_c (see edit history)