Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Brine: Gallery arrows make visible and change style


JacquiChan

Question

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

Edited by JacquiChan
Initial Revision
Link to comment
  • Answers 4
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

4 answers to this question

Recommended Posts

  • 0

@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;
}




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