change image size of products in columns « Support Forum | Kriesi.at

Support Forum » Abundance

change image size of products in columns

2 posts from 2 voices

Started 1 year ago by jklupfel
Latest reply from Mya
This topic is not a support question

Tags:

jklupfel
Member

Hello

I am trying to set up a page with 2 colums plus sidebar,
the left column should have my products in it, the right colum text
now when I add the shortcode for my latest products, i changes the size of the product image, not a huge problem, but when you hover over the product the button text and image overlap and become unreadable.

I tried to change the shortcode to only display 2 or 3 images per line, but the image sizes stayed the same.

Here's a link to my page http://www.young-passion.de/

Any suggestions how to fix this?

Thanks for any help!

Posted 1 year ago #

Mya

Hi jklupfel,

Given the size of the boxes on the left column I think you're best option is to hide the icons. To do that, add this to your custom.css or Quick CSS.

#top .one_half div .thumbnail_container .add_to_cart_button,
#top .one_half div .thumbnail_container .show_details_button {
    background-image: none !important;
}

If that isn't acceptable then you could resize the images (located in the theme's images folder) then re-upload to via FTP.

Once you've done that, add this to your custom.css or Quick CSS:

#top div .thumbnail_container .add_to_cart_button {
    background: url("images/icons-shop-cart-new.png") no-repeat scroll 10px center rgba(0, 0, 0, 0.7);
}

#top div .thumbnail_container .show_details_button {
    background: url("images/icons-shop-details-new.png") no-repeat scroll 10px center rgba(0, 0, 0, 0.7);
}