Elxis CMS Forum

Extensions => Components => Topic started by: bledi on January 07, 2016, 15:44:34

Title: image and product details overlaps in openshop
Post by: bledi on January 07, 2016, 15:44:34

hello!

I am trying to configur the look of a product in Open shop,but the image overlaps with the window of product details. (attachment) Maybe is a template css issue, but i would some help. :)

Title: Re: image and product details overlaps in openshop
Post by: datahell on January 07, 2016, 17:49:28

You use larger images than the container width. The default css is for 250px images.

You can change that from Open Shop's css.
components/com_shop/includes/css/ios/ios.css

.shop_ptopcoll { margin:0; padding:0; width:250px; float:left; text-align:center; }
.shop_ptopcolr { margin:0 0 0 250px; padding:0 0 0 10px; }

Change 250px to these 2 above to whatever you want. My recommendation is to use smaller images because the result will not be good in smaller screen resolutions.

Title: Re: image and product details overlaps in openshop
Post by: bledi on January 07, 2016, 18:18:14

Thanks datahell
i corrected it at: components/com_shop/includes/css/ios/shop.css