- Posts: 100
- Thank you received: 1
Wrong spacing of products
12 years 9 months ago #136084
by PubSite
Wrong spacing of products was created by PubSite
-- url of the page with the problem -- :
212.113.141.199/~pubnew/newcatalog/index.php/fa/
Hi,
Recently, I've discovered that in my carousel, the spacing between the products is not equal. How can I fix this? I want an equal space on both sides of each product (Book). What can I do to fix this? You can see it more clearly in the link and in the picture I've attached.
Thanks.
Hi,
Recently, I've discovered that in my carousel, the spacing between the products is not equal. How can I fix this? I want an equal space on both sides of each product (Book). What can I do to fix this? You can see it more clearly in the link and in the picture I've attached.
Thanks.
Please Log in or Create an account to join the conversation.
12 years 9 months ago #136134
by nicolas
Replied by nicolas on topic Wrong spacing of products
Hi,
That's because of the CSS:
that you added in
212.113.141.199/~pubnew/newcatalog/media.../frontend_custom.css
Since you set the width of the hikashop_product_image to 170 while the image is 140px, it goes to the right of the div.
If you remove the width parameter there, it then displays fine.
That's because of the CSS:
Code:
.hikashop_main_carousel_div .hikashop_product_image {
-webkit-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
width: 170px;
height: 170px;
}
Since you set the width of the hikashop_product_image to 170 while the image is 140px, it goes to the right of the div.
If you remove the width parameter there, it then displays fine.
The following user(s) said Thank You: PubSite
Please Log in or Create an account to join the conversation.
Time to create page: 0.227 seconds