RMorrisDesign Posted May 27, 2023 Share Posted May 27, 2023 (edited) Is it possible to change the arrows to look completely different in a testimonial carousel. Ideally, I just want to replace the existing arrows with a .png file of an arrow I created. And advice is appreciated. Edited May 27, 2023 by RMorrisDesign Link to comment
tuanphan Posted May 28, 2023 Share Posted May 28, 2023 Hi, Yes. Possible. Can you share link to page where you use carousel? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
RMorrisDesign Posted May 29, 2023 Author Share Posted May 29, 2023 It's the testimonial slider on the landing page https://rabbit-apple-ltnh.squarespace.com/ password: Smile Link to comment
Solution tuanphan Posted June 1, 2023 Solution Share Posted June 1, 2023 On 5/29/2023 at 11:20 PM, RMorrisDesign said: It's the testimonial slider on the landing page https://rabbit-apple-ltnh.squarespace.com/ password: Smile Add to Design > Custom CSS body.homepage { div.mobile-arrows svg, div.desktop-arrows svg { display: none !important; } div.mobile-arrows div{ background-size: cover; background-repeat: no-repeat; background-position: center center; } .user-items-list-banner-slideshow .user-items-list-banner-slideshow__arrow-button--left div { background-image: url(https://cdn.pixabay.com/photo/2022/03/16/01/23/bird-7071408__340.jpg); } .user-items-list-banner-slideshow .user-items-list-banner-slideshow__arrow-icon-background { background-image: url(https://cdn.pixabay.com/photo/2022/07/16/15/34/kid-7325370__340.jpg); } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
RMorrisDesign Posted June 1, 2023 Author Share Posted June 1, 2023 Thanks for your help!@tuanphan Link to comment
RMorrisDesign Posted June 2, 2023 Author Share Posted June 2, 2023 @tuanphan do you know why the left arrow flips on mobile view? Link to comment
tuanphan Posted June 3, 2023 Share Posted June 3, 2023 On 6/3/2023 at 3:14 AM, RMorrisDesign said: @tuanphan do you know why the left arrow flips on mobile view? Can you take a screenshot of problem? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
RMorrisDesign Posted June 4, 2023 Author Share Posted June 4, 2023 The testimonials are set to autoplay but I wanted to have some subtle arrows if people want to toggle. It looks good on desktop but for some reason the left arrow gets flipped on mobile. Link to comment
tuanphan Posted June 9, 2023 Share Posted June 9, 2023 On 6/7/2023 at 11:30 PM, RMorrisDesign said: @tuanphan? I don't see Carousel now. Can you check it again? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
RMorrisDesign Posted June 9, 2023 Author Share Posted June 9, 2023 @tuanphan i tried re-saving it. it should be therehttps://rabbit-apple-ltnh.squarespace.com/password: Smile Link to comment
tuanphan Posted June 11, 2023 Share Posted June 11, 2023 On 6/9/2023 at 8:49 PM, RMorrisDesign said: @tuanphan i tried re-saving it. it should be therehttps://rabbit-apple-ltnh.squarespace.com/password: Smile Add this code under button.mobile-arrow-button.mobile-arrow-button--left div { transform: rotate(-180deg); } RMorrisDesign 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) 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