how can i change featured products colour?

[Ozzy]

how can i change featured products colour?because it is grey now and i ve got ping pic for change grey but i checked i think there is a some code for change maybe in globol css but i couldnt find ..


help me pls i attached pics to message..

[Static]

Hi

About halfway down the global.css file you will find a heading called /* Special style for block products in center column */
Under that heading is everything to change the featured products section

The id i think you want is "#center_column .products_block ul li" and the hover color is just above it.

Hope that helps

[Ozzy]

i coulnt understand what u sayed sorry...

[Static]

1. open global.css
2. look for... #center_column .products_block ul li (it's about halfway down the page) easiest way is to use find.
3. add your image to the background:

[Ozzy]

thnx.i tryed but it still same shit i know there is a problem with global because normali i had be4 but i mixed 2 theme for get nice one but i dont know why i cant do it now

if i send u with pm so could u check it for me about where is the shit

[Ozzy]

/* Styles for products blocks */
/* block products (new, features, viewed, etc...) on left and right column */
.products_block li {
   clear: left;
   margin-top: 0.2em;
}
.products_block li.item img {
   margin-right: 5px;
}
.products_block li.last_item {
   border: none;
}
.products_block li img {
   vertical-align: top;
   float: left;
   margin-right: 0.2em;
}
.products_block p img {
   float: none;
   margin: 0 0 0 0.4em;
}
.products_block li h5 {
   display: inline;
   font-size: 0.9em;
}
.products_block li p a {
   font-weight: bold;
   font-size: 0.8em;
}
.products_block dl {
   clear: both;
   border-top: 1px solid #374853;
   padding: 0.2em 0.4em;
}
.products_block dl dt {
   margin-top: 0.3em;
   color: #595a5e;
}
.products_block p {
   margin-top: 0.4em;
}
.products_block a.button_large {
   margin: 0.4em 0.4em 0 0.4em;
}
.products_block ul.product_images li {
   border: none;
   float: left;
   clear: none;
}

/* 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: #00000 none;
   padding:0pt;
}
#center_column .products_block ul li:hover { background-color:#FFFFFF; }
#center_column .products_block ul li {
   border-right: 1px solid white;
   border-bottom:1px solid white;
   float: left;
   clear: none;
   width:132.7px;
/*    height:375px;*/
   border-right-color:#FFFFFF;
   background-color:#FFFFFF;
   background: transparent url('prstashop/img/bg_center.jpg') no-repeat top left;
   padding: 0;
   margin-top:0;
}
/*#center_column .products_block li.last_item { float:none; clear:both; }*/
#center_column .products_block li.last_item_of_line { border-right:none; }
#center_column .products_block li.first_item_of_line { clear:both; }
#center_column .products_block li.last_line { border-bottom:none; }
#center_column .products_block p, #center_column .products_block h5 { margin: 0.5em 0.1em; }
#center_column div.products_block h5 {
   display: block;
   height: 2.5em;
}
#center_column div.products_block h5 a {
   color: #FFFFF;
   font-size:1.1em;
}
#center_column div.products_block ul li p {
   margin:0;
   padding:0;
}
#center_column div.products_block p.product_desc {
   height:9.5em;
   color: #595a5e;
}
#center_column div.products_block a.product_image {
   display: block;
   background-color: transparent;
   width: 129px;
   height: 129px;
   margin-left:2px;
}
#center_column div.products_block a.product_image img{
   float:none;
   margin:0;
}
#center_column div.products_block p.product_desc, #center_column div.products_block h5 {
   margin-left:0.6em;
   margin-right:0.6em;
}
#center_column div.products_block ul li p.product_desc a { font-weight:normal; }
#center_column .products_block span.price {
   text-align: center;
   font-size: 1.6em;
   padding: 0.5em 0;
   display: block;
}
#center_column .products_block a.button, #center_column .products_block a.exclusive, #center_column .products_block span.exclusive {
   margin: 0.5em auto;
}

/* Special style for block accessories in center column (product page) */
#center_column .products_block.accessories_block .block_content{ background:none; }
#center_column div.products_block.accessories_block p.product_desc { height:6.5em; }
#center_column .products_block.accessories_block .block_content li{ background:none; }
#center_column .products_block.accessories_block .block_content li a.product_image{ border-right:1px solid #d0d3d8; }
#center_column .products_block.accessories_block .block_content li.last_item a.product_image{ border:none; }

[Static]

Hi

i think your image path is wrong... try this instead:

background: transparent url('../img/bg_center.jpg') no-repeat top left;

[Ozzy]

yes perfect thank you soo much broth

[Paul Bogdan]

Hi there, how you can change the thumbail / pictures background? by default is white.

 

 

I used color fill module but still won't work