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

Question

Hi there, 

I am building a website for a client and they have asked that the gallery grid lightbox 'X' is darker and the left and right arrows are darker and are visible all the time (rather than only on hover). I have scoured the forum and can't seem to find a code that works for the site. The template is Foster.

The website is 
https://apricot-frog-pc6a.squarespace.com
Password: lynne.2019

An example of this can be viewed on any of the pages under 'work'.

Any help would be greatly received! 

Many thanks, 

Hannah 

Share this post


Link to post

2 answers to this question

Recommended Posts

  • 0

Add the following to your custom css area after any code that may already be there

// Change color of close, next and prev icons
.sqs-lightbox-close, .sqs-lightbox-next, .sqs-lightbox-previous {
	&:before {
		color: #000 !important; // Substitute whichever color you want - I have set it to black #000
	}
}

// Force arrows to always be visible
.sqs-lightbox-next, .sqs-lightbox-previous {
	opacity: 1 !important;
}

 


Please hit LIKE to share your appreciation of posts that are helpful or useful. 

The like button is somewhere over thereover-there.jpg

Of course, Likes don't pay the bills.. If you're looking for a Squarespace Developer you can hire me here

Share this post


Link to post
  • 0
On 10/31/2019 at 10:47 AM, colin.irwin said:

Add the following to your custom css area after any code that may already be there


// Change color of close, next and prev icons
.sqs-lightbox-close, .sqs-lightbox-next, .sqs-lightbox-previous {
	&:before {
		color: #000 !important; // Substitute whichever color you want - I have set it to black #000
	}
}

// Force arrows to always be visible
.sqs-lightbox-next, .sqs-lightbox-previous {
	opacity: 1 !important;
}

 

Thank you so much @colin.irwin - I will give that a go! 🙂 

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