[SOLVED] Altering Featured Products Width

[Flaunt]

Hi,

 

I want to widen the block 'Featured Products' on the home page (PS 1.4.7).

 

I know normally you would do this by changing the width of the central column in 'grid.prestashop.css' BUT this affects every page in the shop and so messes up my layouts on those (I'm not using left and right columns only on homepage).

 

Is there a way to widen it without this happening? Maybe add an instruction somewhere so I can determine it's width regardless of what the centre column width is doing?

 

Thanks

[CartExpert.net]

Hello,

 

Try using

#index #center_column {
/*style definition here*/
}

[Flaunt]

Hello,

 

Try using

#index #center_column {
/*style definition here*/
}

 

Thanks for your reply. Whereabouts should this be put exactly?

[Flaunt]

Don't worry, I worked out where to put it. Many thanks!

[CartExpert.net]

Does it work?

[Flaunt]

Does it work?

 

Yes, works perfectly thanks. Quick adjustment to the li block sizes and home image sizes and I'm all set now

[CartExpert.net]

That's great.

Happy we could help.

[airmax360fr]

Thanks for your reply. Whereabouts should this be put exactly?

would you please tell me how you do? I need to do this too.thank you in advance

[Flaunt]

would you please tell me how you do? I need to do this too.thank you in advance

 

Look for where the featured products section starts in your themes global.css (varies so ctrl-f to find it).

 

Put the code right at the beginning of this section, like I did in my example below:

 

/* ************************************************************************************************
  HOMEPAGE
************************************************************************************************ */
/* BLOCK HOME FEATURED ************************************************************************* */
#index #center_column {
width:971px;
}
#featured-products_block_center li {
margin-right:13px;
padding:10px 0;
width:230px;