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

Always show caption lightbox mobile

Question

3 answers to this question

Recommended Posts

  • 0

Hey,

I was having the same issue on my site so I thought I'd share my solution in case it helps someone else.

As the dot is a link, I didn't want to mess around with any Javascript to automatically activate it. Instead I gave it a background colour and then rounded it to make it look like a bigger dot.

Here's the code to be added in Design > Custom CSS:


.sqs-lightbox-meta-trigger {
 background-color: #000;
 border-radius: 50%;
}

Hope it'll help someone!

Share this post


Link to post
  • 0

@vic18t

Try changing the padding to expand the active area for the button:
.sqs-lightbox-meta-trigger { padding-top: 15% !important; padding-left: 90% !important; }

Increase size and add a new color if you want the dot to stand out (replace "red" with your color code ex: #bcbcbc):
.sqs-lightbox-meta-trigger { padding-top: 15% !important; padding-left: 90% !important; color: red !important; font-size: 3em !important; }

Let me know if that works.

Edited by C-A

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