- Posts: 10
- Thank you received: 0
Reducing White Space under product image
13 years 8 months ago #89292
by space6977
Reducing White Space under product image was created by space6977
Hi,
Im having an issue with the white space under my images on all pages(product page, product listing, category listing). I have finally found the spot in the css to set the height of the container where the image resides to 325px you can see that here URL: ridebs.com/index.php/shop/shirts-and-hoo...-one-life-crew-fight . My problem is now that the product description is now interfering with the thumbnails. If i increase the 325px to a high number like 500 it displays fine but the i have a mile of white space and that looks terrible. Any insight where to fix this issue would be great along with trimming down the white space on these other URLs
ridebs.com/index.php/shop
ridebs.com/index.php/shop/shirts-and-hoodies
Thanks for your time in advance!
Scott
Im having an issue with the white space under my images on all pages(product page, product listing, category listing). I have finally found the spot in the css to set the height of the container where the image resides to 325px you can see that here URL: ridebs.com/index.php/shop/shirts-and-hoo...-one-life-crew-fight . My problem is now that the product description is now interfering with the thumbnails. If i increase the 325px to a high number like 500 it displays fine but the i have a mile of white space and that looks terrible. Any insight where to fix this issue would be great along with trimming down the white space on these other URLs
ridebs.com/index.php/shop
ridebs.com/index.php/shop/shirts-and-hoodies
Thanks for your time in advance!
Scott
Please Log in or Create an account to join the conversation.
13 years 8 months ago #89399
by Xavier
Replied by Xavier on topic Reducing White Space under product image
Hi,
You have to edit the height for the class ".hikashop_product_main_image_thumb{ height: 350 !important;}" and not on the classes "hikashop_main_image_div" and "hikashop_global_image_div"
You have to edit the height for the class ".hikashop_product_main_image_thumb{ height: 350 !important;}" and not on the classes "hikashop_main_image_div" and "hikashop_global_image_div"
The following user(s) said Thank You: space6977
Please Log in or Create an account to join the conversation.
13 years 8 months ago - 13 years 8 months ago #91255
by meliscl
hi Xavier, this is exactly what im struggling with, where can i edit the height for the class ".hikashop_product_main_image_thumb{ height: 350 !important;}" ?
Replied by meliscl on topic SORTED: Reducing White Space under product image
Last edit: 13 years 8 months ago by meliscl.
Please Log in or Create an account to join the conversation.
13 years 8 months ago #91258
by meliscl
Replied by meliscl on topic Reducing White Space under product image
thanks got it sorted:
.hikashop_product_image{
padding-bottom: 2px;
height: 190px !important;}
.hikashop_product_image{
padding-bottom: 2px;
height: 190px !important;}
The following user(s) said Thank You: Jerome
Please Log in or Create an account to join the conversation.
Time to create page: 0.052 seconds