all my products in my store have only one picture (and not planning to add more pictures)
hence i would like to remove the small image that appears in the product page because it is the same as the main image. The purpose of removing this is to make the site lighter but more importantly make visible the section below “recommended products”…now there is so much white space in between the Add to Cart button and the recommeded product section that no one is scrolling down to see the recommended products
https://encajamx.myshopify.com/
www.encaja.mx
Hi @JaimePerez
This is Kate from PageFly - Landing page builder
Please share your store URL
So that we can help you.
Thank you.
@JaimePerez
I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/skin-theme.css->paste below code at the bottom of the file
.product_detail_img ul.pro-detail-slider .item {
display: none;
}
.related-product{
padding-top: 0px;
}
Hope my answer will help you.
hi there
thanks for you reply but it did not work
I do not have the asset “skin-theme.css”…I have the asset “skin-theme.css.liquid” in which I added the code you mentioned at the very end but it did not remove the small image
You can delete the code in the skin-theme.css.liquid file and paste the following code before the tag in the theme.liquid file:
just to clarify you mean deleting the code i added and adding this new lines of code…not to delete the entire code in this section right?
Yeah that’s what I want to say 
I added the code as follow but did not manage to achieve the results expected
You added the code in the wrong place. Take a look at the picture I attached
i copied now in the right place
You are putting it before the tag. I mean you put it right before the closing tag . Scroll down and you will find the tag
1 Like
now it worked. thanks for your time and patience
1 Like
Hello, I have the same problem and after hours of trying to fix it even with you chat I still cant fix it, can you help me?
