How to fill image in featured content?

Hey there. Firstly, happy new year to you all.

Alrights let's get to it. In the featured section, where you can add photos of stuff at your webstore, there's some empty gap between the edges of one box. i would like to fill that empty gap with css (or if possible by admin), but i don't know how to.

let me give you an example of what im talking about.

Website version:



What it should be like (photoshop version)



Which means that picture should have 100% height and width of the box, where it's suppose to be.

Any help will be appreciated!

Thank you guys

Since images can be all sorts of sizes and dimensions, the best approach to achieve what you're looking for is to crop the images into the space you want to fill.

There are a number of extensions that empower Opencart to do this. This is one of them.

http://www.opencart.com/index.php?route ... on_id=7893

fokz8 wrote:Hey there. Firstly, happy new year to you all.

Alrights let's get to it. In the featured section, where you can add photos of stuff at your webstore, there's some empty gap between the edges of one box. i would like to fill that empty gap with css (or if possible by admin), but i don't know how to.

let me give you an example of what im talking about.

Website version:



What it should be like (photoshop version)



Which means that picture should have 100% height and width of the box, where it's suppose to be.

Any help will be appreciated!

Thank you guys

You should configure image size ( in admin > System > Settings > Your Store > Image ) has the same ratio widthxheight of original image.

Unless every single one of your product images are the exact same dimensions, you will need to use some sort of cropping method. If all the images share the same dimensions... then the image resizing option will work fine.