[SOLVED] How to edit the width of featured product block?

[CLance]

I am new to Prestashop. (1.5.6.1 version) I need your help...

 

I am wondering how to edit the width of featured product block in home page.

 

Each product currently: 126 x 260px (my work: http://eviewtrading.com/presta14/ )

                           I want: 300 x 300px (each line with only 3 products display, looks big thumbnail eg:http://alldeals.groupon.my/) 

 

I know need to make alteration on these directories, but I am not sure which one and which part:
A. modules -> homefeatured

B. themes -> THEMEname -> css

C. themes -> THEMEname -> modules -> homefeatured

 

Thanks.

Edited January 8, 2014 by Lance Chan (see edit history)

[Sito Lab]

hello, forgive me for my English is not perfect to change the images (I think this is your question) you need to go:

 

-> Preference -> Images -> Default Home

 

and edit images example from 124x124 to 318 x 318

[NemoPS]

You can do as lui1969 suggested for images. Be sure you regenerate them afterwards.

As for the css, you can change the width of 

 

#featured-products_block_center li

 

In global.css

 

Furthermore, if you experience weird margins, open homefeatured.tpl and change nbItemsPerLine from 4 to 3

[vekia]

hello

 

i checked your website, there is wrong width param for <li> element

increase it to at least 310px;

 

like i show below:
 

#featured-products_block_center li {
margin-right: 10px;
padding: 10px 0;
width: 310px;
height: 240px;
}

btw. you use CCC for css files (option under adv. parameters > performance tab)

please turn it off temporarily and turn on force compile

 

it's necessary to rebuild minified css file

[CLance]

Yes. 3 replies from you solved my problem. Thank you.

[vekia]

glad to hear that i could help you

btw. Welcome on board!