[Solved] About BackGround Color?

[Vilas]

Hello Friends,

I want to edit background color of featured product from Grey To White & also the the block color of FEATURED PRODUCT FROM Grey to Blue how to do it?

Please find image for reference.

Thanks
Vilas

[Andijambaque]

you need to edit the global.css file,,,,

[Vilas]

Hi Friend,

Ya that's true but which code I have to edit which code?

Thanks
Vilas

[Andijambaque]

which version do you have?if you are using PS 1.4,,,just edit the global.css,,and find code below

    div.block .block_content {
       border-left: 1px #d0d3d8;
       border-right: 1px #d0d3d8;
       padding: 0 0.7em;
       background: #f1f2f4 url('../img/block_bg.jpg') repeat-x bottom left;
       min-height: 16px
   } 

change the background code with the hexa color code,if you want to change from grey to blue,,just pick up the hexa code for blue (66ccff),for example like this

    div.block .block_content {
       border-left: 1px #d0d3d8;
       border-right: 1px #d0d3d8;
       padding: 0 0.7em;
       background: #66ccff;
       min-height: 16px
   } 

Hope it helps,

Cheers


Andi

[Andijambaque]

to change the home featured product backgroung,,,,if you are using PS 1.4,,find page :

Page 876>>> #595a5e this is default color (change it,with color that u want)
Page 879>>># d0d3d8 none;(default color)
Page 885>>> #d0d3d8 (default color)

[Vilas]

Dear Friend,

Thanks for all details. I am using prestashop version 1.3.5.0. So will the same thing I have to do for this? Or it may be different.

Regards
Vilas

[Vilas]

Hello Friend,

I tried to do same which you told but my other background has changed not a required one. Please check image for reference.

Please suggest.

Thanks
Vilas

[Andijambaque]

find this code

/* Special style for block products in center column */
#center_column .products_block { border: none }
#center_column .products_block { color: #595a5e }
#center_column .products_block h4 { line-height: 1.3em }
#center_column .products_block .block_content {
   background: #d0d3d8 none;
   padding: 0
}
#center_column .products_block ul li:hover { background-color: #bdc2c9 }
#center_column .products_block ul li {
   float: left;
   background-color: #d0d3d8;
   margin-top: 0;
   padding: 0 0 1px;
   width: 133px;
   border-right: 1px solid white;
   border-bottom: 1px solid white
}

there are 4 colors above,,change them with another color,,,