Post by almusammem » Fri May 24, 2013 8:56 am

Hi
How can I change spaces between products in Featured Products such as the picture ?

Image

Newbie

Posts

Joined
Wed May 22, 2013 9:23 am

Post by midgette » Fri May 24, 2013 9:50 am

Here's one way:

Admin > System > Settings > {your store} > Edit > Image Tab >

Then Increase the size of :
Category Image Size,
Product Image Thumb Size,
Additional Product Image Size,
Related Product Image Size and
Compare Image Size
to 120 x 120
for starters....then see how it looks and adjust ...Rinse & Repeat


Good Luck!
Midgette

Newbie

Posts

Joined
Sun Apr 28, 2013 4:16 pm

Post by almusammem » Sat May 25, 2013 4:27 am

Thank you for help
But this way doesn't work unfortunately !
It will change pictures size only, but spaces won't change .
I have to edit template or css file to solve this problem but I don't know which file exactly .
Any solutions else ??

Newbie

Posts

Joined
Wed May 22, 2013 9:23 am

Post by ShaneTFletcher » Sat May 25, 2013 5:07 am

You will want to change your CSS stylesheet.

Look for the section

Code: Select all

.box-product > div { width: 130px; display: inline-block; vertical-align: top; margin-right: 20px; margin-bottom: 20px; }
Which is located mid-ish way down. Where it says 'margin-right: 20px', either remove it or use a minus number such as 'margin-right: -20px'.
This will close up the gap which you are needing.

New member

Posts

Joined
Sat Jul 07, 2012 4:32 am

Post by almusammem » Sat May 25, 2013 6:43 am

Thank you for your help
I changed the position of the boxes so I'll try your solution next time I change it to the first position

Newbie

Posts

Joined
Wed May 22, 2013 9:23 am
Who is online

Users browsing this forum: Bing [Bot] and 30 guests