Jump to content

Modifying Carousel arrows?

Recommended Posts

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
  • Replies 1
  • Views 170
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.