Hide first gallery image on the product page (IRA Theme)

[Daniel_Ward]

Hey!

I'm trying to hide the first image in my product gallery on the product page, but still have it display on the collection page etc. I've tried a few things I've seen on here, but none seem to work - Maybe because I'm using the IRA "grid" product page layout? 

Can anyone help? 

Thanks so much!

[JHKCreate]

Hi @Daniel_Ward 

Would you mind sharing your store's URL so we can assist on that? Cheers!

[Daniel_Ward]

Hi @JHKCreate 

Sure, the theme isn't live, but the preview is here: https://ejk11img7wnind0d-15098830.shopifypreview.com

Thanks for looking at it! 

[JHKCreate · Accepted solution]

Hi @Daniel_Ward 

On this page you mean to remove the first image here? Scandinavian Style Coaster and Trivet Set – Geometrico (shopifypreview.com):

If yes, add the following code to index.css:

#shopify-section-product--static > section > div.product__content > div.product__media-container > div > div.product__media-item.initial {
    display: none;
}

 
Cheers!

[Daniel_Ward]

That worked perfectly! Thank you so much!