KatlynGambill Posted August 19, 2021 Share Posted August 19, 2021 Site URL: https://reviverestoreco.com/shop/p/buddhas-triangle-bracelet-set Hi, I'm trying to adjust the thickness, color and size of the arrows on my product carousel. I've tried a few different codes from various forum chats but couldn't get anything to work. Can anyone advise me how to make the arrows thicker and change the color please and make them larger on mobile? Thank you! Link to comment
tuanphan Posted August 22, 2021 Share Posted August 22, 2021 Hi, Add to Design > Custom CSS .ProductItem .product-item-gallery-carousel-control::after, .ProductItem .product-item-gallery-carousel-control::before { border-color: green; border-width: 5px 5px 0 0 !important; } 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
failbetter Posted January 21, 2022 Share Posted January 21, 2022 @tuanphan Is it possible to make them smaller? or replace with a different arrow? Link to comment
tuanphan Posted January 22, 2022 Share Posted January 22, 2022 On 1/21/2022 at 7:02 PM, failbetter said: @tuanphan Is it possible to make them smaller? or replace with a different arrow? The url doesn't exist https://reviverestoreco.com/shop/p/buddhas-triangle-bracelet-set 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
failbetter Posted March 21, 2022 Share Posted March 21, 2022 (edited) I'm trying to do it here too - https://www.sucoca.com/shop/p/handmade-chocolate any ideas? @tuanphan Edited March 21, 2022 by failbetter Link to comment
tuanphan Posted March 22, 2022 Share Posted March 22, 2022 15 hours ago, failbetter said: I'm trying to do it here too - https://www.sucoca.com/shop/p/handmade-chocolate any ideas? @tuanphan Add to Design > Custom CSS /* Individual Products - Slideshow arrows */ div.ProductItem-gallery-carousel-controls button { width: 50px !important; height: 50px !important; min-height: unset !important; } .ProductItem .product-item-gallery-carousel-control::after { width: 30px !important; height: 30px !important; } 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment