janehinchliffe Posted February 21 Share Posted February 21 Hi, could someone please provide some CSS code for making the shop gallery icons bold? Many thanks, Jane. https://www.tordoff.com/shop/p/wall-street-polish-poster https://tordoff.com Link to comment
Beyondspace Posted February 22 Share Posted February 22 On 2/21/2023 at 8:35 PM, janehinchliffe said: Hi, could someone please provide some CSS code for making the shop gallery icons bold? Many thanks, Jane. https://www.tordoff.com/shop/p/wall-street-polish-poster https://tordoff.com Which icon are you referring? Can you show it more clearly? janehinchliffe 1 Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio pluginIf you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you Link to comment
janehinchliffe Posted February 23 Author Share Posted February 23 (edited) On 2/22/2023 at 2:55 PM, Beyondspace said: Which icon are you referring? Can you show it more clearly? Yes, here are some screenshots that help to show this. It's for the red product arrows. The client sells movie posters and with that in mind, some posters are dark, others lighter - the arrows need to be able to show as clearly as possible whether light or dark backgrounds. Thanks, Jane Edited February 23 by janehinchliffe Link to comment
tuanphan Posted February 26 Share Posted February 26 How about adding both background + change arrow color? Add to Design > Custom CSS button.product-item-gallery-carousel-control { background-color: red !important; } button.product-item-gallery-carousel-control:after { color: white !important; border-color: white !important; } janehinchliffe 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Solution janehinchliffe Posted February 26 Author Solution Share Posted February 26 10 hours ago, tuanphan said: How about adding both background + change arrow color? Add to Design > Custom CSS button.product-item-gallery-carousel-control { background-color: red !important; } button.product-item-gallery-carousel-control:after { color: white !important; border-color: white !important; } Thanks so much, this worked perfectly. Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment