Shopify themes, liquid, logos, and UX
I have tried looking through the theme settings but I cannot find anywhere to change the colour of the X when a picture is enlarged on the products. I have attached a picture for reference. I am a complete novice when it comes to this kind of thing so I may of overlooked it.
any help would be appreciated thank you.
Solved! Go to the solution
This is an accepted solution.
Go to your Shopify Admin Panel.
Navigate to Online Store → Themes.
Click on Edit Code (not Customize).
Open the theme.liquid file (found inside the Layout folder).
Scroll down and paste the code just before the </head> tag:
<style>
.product-images-lightbox-close svg {
color: #000000 !important;
}
</style>
Hi @laurenchar,
Could you kindly share your store URL and password (if it’s password-protected) so I can review it and provide you with an update?
This is an accepted solution.
Go to your Shopify Admin Panel.
Navigate to Online Store → Themes.
Click on Edit Code (not Customize).
Open the theme.liquid file (found inside the Layout folder).
Scroll down and paste the code just before the </head> tag:
<style>
.product-images-lightbox-close svg {
color: #000000 !important;
}
</style>
fab thank you that has worked!
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025