Position of the magnifying glass on product gallery

[tashitendrel]

Hello,

right now Pinterst icon and magnifying glass are showing in exactly the same place on Product image gallery. I would like to move the magnifying glass to the left. I tried this CSS:
.woocommerce-product-gallery__trigger {
display: block;
position: absolute;
top: 0;
right: 0;
width: 3em;
height: 3em;
font-size: 1.15em;
line-height: 3em;
text-align: center;
z-index: 2;
}
I have simply changed ‘left’ to ‘right’ and on the Chrome Developer viewer it works, but it doesn’t when I add it to the Cornerstone Global CSS.

https://krasnoludyznadwisly.com/produkt/myszorek-bronek-i-male-lozeczko/

best,
beata

[prakash_s]

Hello Beata,

Thanks for writing to us.

I checked your site it seems that magnifying glass icon is on the left side at the moment. Please clear your browser cache and then check it again.

Thanks

[tashitendrel]

Sorry, my mistake. I want it to move to the right and I used the css above, but it doesn’t change anything.

[tashitendrel]

Have a look. I have chaged CSS for that element already, but there is still same element in renew.css, which keeps it ‘left’.

[tristup]

Hi Beata,

Unfortunately, giving support to custom CSS code is beyond the scope of Theme Support. I would suggest you hire a developer who can assist you on this or you can avail of our newly launched service called One, where we answer the questions beyond normal theme support.

Thanks