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

Brine: Gallery arrows make visible and change style

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

Share this post


Link to post

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




Share this post


Link to post
  • 0

Hi @tuanphan. Sorry I realised I'd turned them off on the site styles and i just figured out where. So now I'd just appreciate some help on targeting them for styling. eg larger arrow that matches what's on the index slideshow on the homepage. Thanks in advance!

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...