MERUBAH PENAMPILAN PRESTASHOP DENGAN MENAMBAHKAN WARNA DAN BACKGROUND

Merubah penampilan Prestashop dengan warna / color  dapat kita lakukan melalui file yang bernama global.css file ini berada pada folder your-themes\css, dibawah ini saya lampirkan area yang dapat dirubah warnanya :

1. Background global.css (line 51)

body{
font:normal 11px/14px Arial, Verdana, sans-serif;
color:#222;
background:#8AE3F9
}

Hasil dari penambahan background:#8AE3F9 akan memberikan efek background pada seluruh halaman, lihat gambar

2. Feature product color                        homefeatured.css (line 1)

#featured-products_block_center li {
margin-right:10px;
padding:10px 0;
width:112px;
height:240px;
background-color: #2A0453;
}

Hasil dari penambahan background-color: #2A0453  akan memberikan efek background pada block home featured product, lihat gambar

3. Background dengan picture / image global.css (line 51)

Letakan file love.gif ini ( atau file lain ) ke folder  C:\xampp\htdocs\presta1541\themes\default\img

body{
font:normal 11px/14px Arial, Verdana, sans-serif;
color:#222;
background:url(../img/love.gif) scroll left top transparent;
background-repeat:repeat-x: rapeat-y;
}

Hasil dari penambahan background:url(../img/love.gif) scroll left top transparent; dan background-repeat:repeat-x: rapeat-y; akan memberikan efek background pada halaman  lihat gambar

Sekian, semoga bermanfaat


Tutorial by syah jehan muhammad ( syahjehan27@gmail.com )