help editing featured product module

[zee28]

hi guys,

just wondering if anyone can help me change my featured product module around a bit..

my current website is : www.gadgetpit.co.uk

 

at the moment there are 5 products in a column i want it to a 4 but have a bigger size... something like this.

[PascalVG]

Hi Zee,

Something similar has been asked here. Maybe you need to tweak some values, but try to follow the steps there and see how far you come.

http://www.prestashop.com/forums/topic/248787-solved-featured-products-how-to-show-3-products-per-row/

 

 

If any additional questions, please com back here for more suggestions :-)

 

pascal

[zee28]

ok ill check it out thanks!

[zee28]

would anyone know which part of the code to edit to reduce the size of the border around each product?

[PascalVG]

The black line (the real 'border') seems to be smallest (1pixel) already. Do you mean that you want to reduce the gap between the products??

 

That you can do here:

edit file /modules/homefeatured/homefeatured.css: (Make backup first!)

 

find this code (Line 11) and REMOVE red/purple code:

 

 

#featured-products_block_center li.last_item_of_line {

margin-right: 0;

}

 

 

find this code (Line 3) and edit red/purple code:

 

 

#featured-products_block_center li {

margin: 5px 5px 5px 5px;

width: 165px; <-- N.B. this value + last (purple) value of margin must always total 170

height: 253px;

border: 1px solid rgb(204, 204, 204); <--N.B. this is the real black border. If you want a thicker one, change '1px'

padding: 3px 2px 11px 17px;

}

and save file.

 

Hope that does the trick,

pascal

[vekia]

@zee28 let us know whats going on in your case, hope that pascal solution + code will work for you