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
[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

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.