derricksrandomviews Posted February 24, 2023 Share Posted February 24, 2023 I have custom CSS to enlarge the back to thumbnails X from lightbox mode for a Wexley Gallery page. What I can't seem to figure out is how to do the same thing for a gallery block in a blog post. Here is the gallery page code: .collection-type-gallery.full-view #backToThumbs { font-size: 5.0em; } I figure writing this code is a simple task for the good coders here. Thanks in advance! In case you need to view the site: https://christinegregoryphotography.com/ Link to comment
Solution paul2009 Posted February 24, 2023 Solution Share Posted February 24, 2023 Try something like this 🙂 /* Horizontal spacing from edge of page */ .yui3-lightbox2 .sqs-lightbox-close { right: 64px; } /* Size of 'X' */ .yui3-lightbox2 .sqs-lightbox-close:before { font-size: 84px!important; } About me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥. Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links. Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional. Link to comment
derricksrandomviews Posted February 24, 2023 Author Share Posted February 24, 2023 (edited) That did it! Christine and I thank you. Edited February 24, 2023 by derricksrandomviews paul2009 1 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