Jump to content

Changing standard reel slideshow gallery arrows

Recommended Posts

Site URL: http://macyphan.com

Hello! I have been trying to figure this out for weeks. I want to change the standard reel slideshow gallery arrows that look like this -->   <-- (as seen on homepage of my website) into controls that look like this < > (I attached an image of what I mean) 

I hope that makes sense! I would be so grateful if someone could help me out!!

Screen Shot 2020-08-08 at 12.44.51 AM.png

Link to comment
  • Replies 2
  • Views 1.4k
  • Created
  • Last Reply
[data-section-id="5f18b027017682694630c735"] .gallery-reel-control:first-of-type .gallery-reel-control-btn-icon::before {
  content: '<';
  font-family: ariel;
  font-size: 80px;
  font-weight: 900;
}

[data-section-id="5f18b027017682694630c735"] .gallery-reel-control:last-of-type .gallery-reel-control-btn-icon::before {
  content: '>';
  font-family: ariel;
  font-size: 80px;
  font-weight: 900;
}

[data-section-id="5f18b027017682694630c735"] .gallery-reel-control svg {
 display: none;
}

[data-section-id="5f18b027017682694630c735"] .gallery-reel-control .gallery-reel-control-btn-icon {
  transform: scaleX(30%);
}

 

Link to comment

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.