HI tried a lot solution but still cant sort it out. I would like to remove the slideshow button both on desktop and mobile. For mobile version is it possible to remove the whole white background under the pictures so that they won't overlay. Can anyone help please.
all-organic-house.myshopify.com
95849523
I saw on the website, you already had the css like this
.slideshow__arrows {
height: 44px;
padding: 5px;
background-clip: content-box;
background-color: rgba(0, 0, 0, 0.4);
color: rgba(255, 255, 255, 0.5);
transition: color 0.2s cubic-bezier(0.44, 0.13, 0.48, 0.87), background-color 0.2s cubic-bezier(0.44, 0.13, 0.48, 0.87);
display: none;
}
I think you just need to add !important to display: none, like
display: none !important;
Hi @SuchaNoob
Welcome to Shopify community and thanks for posting this question.
I have made the changes as requested and now the slideshow buttons should have disappeared on both mobile and desktop. Also the white background is removed.
Check and let me know if it is working as expected. Hope this helps.
thank you very much! @WinkyApps
but I changed my mind I would like to have it back but I want the background to be transparent
exactly like this one, sorry for bothering again. Would be grateful if you can change it, thank you!
The customisation similar to that example would require some work and I would suggest you to hire me or some Shopify expert to get that customised for your requirement.
For now, I will revert the changes for you if needed. Let me know if I can proceed and revert it like it was before.
Hi @SuchaNoob
The changes are reverted. Please check and confirm.
Hope this helps.
Thanks,
WinkyApps Team
User | Count |
---|---|
567 | |
208 | |
122 | |
82 | |
45 |