Jump to content

Slideshow navigation custom CSS

Recommended Posts

  • Replies 7
  • Views 1k
  • Created
  • Last Reply

To replace the arrows, use this. To make the floating prev/next cursors would be more involved.

[data-section-id="5f0c8246f812da717b1a434c"] .gallery-reel-control:first-of-type .gallery-reel-control-btn-icon::before {
  content: 'Prev';
  word-wrap: normal;
  top: 2px;
  position: absolute;
  left: -1px;
}

[data-section-id="5f0c8246f812da717b1a434c"] .gallery-reel-control:last-of-type .gallery-reel-control-btn-icon::before {
  content: 'Next';
  word-wrap: normal;
  top: 2px;
  position: absolute;
  left: -1px;
}

[data-section-id="5f0c8246f812da717b1a434c"] .gallery-reel-control .gallery-reel-control-btn-icon svg {
  visibility: hidden;
}

 

Link to comment
On 8/8/2020 at 12:51 PM, rwp said:

To replace the arrows, use this. To make the floating prev/next cursors would be more involved.


[data-section-id="5f0c8246f812da717b1a434c"] .gallery-reel-control:first-of-type .gallery-reel-control-btn-icon::before {
  content: 'Prev';
  word-wrap: normal;
  top: 2px;
  position: absolute;
  left: -1px;
}

[data-section-id="5f0c8246f812da717b1a434c"] .gallery-reel-control:last-of-type .gallery-reel-control-btn-icon::before {
  content: 'Next';
  word-wrap: normal;
  top: 2px;
  position: absolute;
  left: -1px;
}

[data-section-id="5f0c8246f812da717b1a434c"] .gallery-reel-control .gallery-reel-control-btn-icon svg {
  visibility: hidden;
}

Thank you so much for this. A couple of final things: how can I change the type to a specific heading style stipulated on Squarespace? And finally how can I remove those white boxes? Thanks!

 

 

Link to comment
  • 3 weeks later...

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.