Jump to content

Brine: Gallery arrows make visible and change style

Recommended Posts

The arrows on my gallery slideshow are by default not visible until mouseover.I would like to make them visible and change the size/background styling.They are visible on the index gallery slideshow, but not on gallery pages.

I've tried several peoples code but it hasn't worked.I'm a beginner so would appreciate some help!

Temp URL is https://horse-blue-mllf.squarespace.com/landscapes pp: wyunabayartist

Link to comment
  • Replies 4
  • Views 2.1k
  • Created
  • Last Reply

@JacquiChan Add to Home > Design > Custom CSS

/* Make arrows always visible */
.collection-type-gallery:not(.gallery-design-grid) .sqs-system-gallery.sqs-system-gallery-interaction .arrow {
   opacity: 1 !important;
/* Increase arrows background size */
.collection-type-gallery:not(.gallery-design-grid) .sqs-system-gallery.sqs-system-gallery-interaction .arrow {
   opacity: 1 !important;
   width: 90px;
   height: 90px;
/* Increase arrows icon size */
.slides-controls .arrow:before {
   font-size: 100px !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


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.