To change Slideshow Full arrows color in Squarespace, you can follow these.
#1. Slideshow Full on All Pages
Use this to Custom CSS box
If code doesn’t work, you can comment below, message or send me an email.
button.gallery-fullscreen-slideshow-control-btn::before, .gallery-slideshow-control-btn::before {
background-color: #000 !important;
opacity: 1 !important;
}
.gallery-fullscreen-slideshow-control-btn-icon svg {
stroke: #fff !important;
}
#2. Slideshow Full on One Page
First, find Page ID.
In my example, it is: #collection-67b868079d00092e26be98fb
Next, use this CSS code
#collection-67b868079d00092e26be98fb {
button.gallery-fullscreen-slideshow-control-btn::before, .gallery-slideshow-control-btn::before {
background-color: #000 !important;
opacity: 1 !important;
}
.gallery-fullscreen-slideshow-control-btn-icon svg {
stroke: #fff !important;
}}
#3. Specific Slideshow Full
Firt, find Slideshow ID.
In my example, it is: section[data-section-id=”67b86b6a02e48825392287ca”]
Next, use this CSS code
section[data-section-id="67b86b6a02e48825392287ca"] {
button.gallery-fullscreen-slideshow-control-btn::before, .gallery-slideshow-control-btn::before {
background-color: #000 !important;
opacity: 1 !important;
}
.gallery-fullscreen-slideshow-control-btn-icon svg {
stroke: #fff !important;
}}
