sdbrosconsulting Posted February 18, 2020 Share Posted February 18, 2020 Site URL: https://sdbrosconsulting.com Hey, I was looking to add a border to the thumbnail of the active picture of a gallery for a client. I did not found much online so I came up with this code but it only adds a border to the top of the active thumbnail. When trying to add the border to the entire thumbnail (using border: instead of border-top:, the bottom border was not visible, neither when using border-bottom:). I'm think it actually looks better with the border on top only but if anyone knows how to have the border all-over please share! . sqs-block .sqs-gallery-thumbnails .sqs-gallery-design-strip-slide { opacity:0.5; } //Changes opacity of thumbnails not selected .sqs-block .sqs-gallery-thumbnails .sqs-gallery-design-strip-slide.sqs-active-slide { opacity:1; border-top: 1px solid #000; ; } //Changes opacity of selected/active thumbnail and sets a border on top of it Link to comment
tuanphan Posted February 18, 2020 Share Posted February 18, 2020 Can you share link to gallery on your site? Beaumont 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment