HadleyS Posted August 28, 2022 Share Posted August 28, 2022 Site URL: https://hadley-seymore.squarespace.com Hi! I'm trying to change the arrows in the carousels on my site. I want them to be plain arrows without the circle background. On the homepage above (password: behold4) you can see the testimonials carousel...I want the arrows to be plain white and without a background. I tried to find the solution in the forums before but none of the code I tried worked. I want all the arrows on all carousels to be plain without the circle background...color of the arrow modified by the background color scheme of the section. Thank you! Link to comment
tuanphan Posted August 31, 2022 Share Posted August 31, 2022 Add to Design > Custom CSS /* List carousel arrows */ .user-items-list-item-container[data-section-id="62f545cc02c36f1d18b064ad"] .user-items-list-carousel__arrow-icon-background.user-items-list-carousel__arrow-icon-background-area { background-color: transparent !important; } .user-items-list-item-container[data-section-id="62f545cc02c36f1d18b064ad"] path { fill: white; stroke: white !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