Zoom image

SPStore · ‎09-12-2024

My theme is broadcast and I would like to remove the title on the left when zoom on image product

Then I want the backgound of the "X" transparent and not white

Thank you for the support

Made4uo-Ribe · ‎09-12-2024

Hi @SPStore

Check this one.

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

@media only screen and (max-width: 749px){
.pswp__caption__center, .pswp__caption.pswp__caption--empty {
    display: none;
}
.pswp__custom-close {
    background: transparent;
}
}

And Save.

Result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. ☕ Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

View solution in original post

Made4uo-Ribe · ‎09-12-2024

Hi @SPStore

Check this one.

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

@media only screen and (max-width: 749px){
.pswp__caption__center, .pswp__caption.pswp__caption--empty {
    display: none;
}
.pswp__custom-close {
    background: transparent;
}
}

And Save.

Result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. ☕ Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

SPStore · ‎09-12-2024

Very well! Thank you so much

ghita1234 · ‎01-13-2025

This didn't work for me, I am using broadcast theme..

Made4uo-Ribe · ‎01-13-2025

Hi @ghita1234

PLease, share your store URL. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. ☕ Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

ghita1234 · ‎01-13-2025

https://www.nostrikids.ca/products/striped-cotton-toddler-two-piece-set-comfortable-and-stylish

Website is still in development, not sure how to message you with the pass to get in

Made4uo-Ribe · ‎01-13-2025

Just copy and paste my name to send me a private message.

If this fixed your issue, Likes and Accept as Solution are highly appreciated. ☕ Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

ghita1234 · ‎01-13-2025

use your username as pass, ill change it later... not even sure where to send private message on this thing.. Thank you.

ghita1234 · ‎01-15-2025

I was able to complete this using a java script that I inputted in the theme.liquid: Below is the code inputed in the <head> section for everyones reference:

{%- render 'head' -%} {{ content_for_header }}

document.addEventListener("DOMContentLoaded", function() { var captions = document.querySelectorAll('.pswp__caption__center, .pswp__caption.pswp__caption--empty'); captions.forEach(function(caption) { caption.style.display = 'none'; }); });

</script>

Zoom image

Zoom image

Community Blog Articles