ben_space Posted March 20, 2023 Share Posted March 20, 2023 I am trying to style the captions for a masonry gallery in Squarespace 7.1 . Currently, I am using this code: .gallery-caption p:first-line {color: black; font-size: 1.2rem; font-weight:regular} Unfortunately, this only applies to the first line of the caption. Once the caption is longer and breaks to a second line, it no longer has any effect (See attachment). And yes, I am aware that the code says "first-line" but what other option would I have? Any advice? Link to comment
tuanphan Posted March 25, 2023 Share Posted March 25, 2023 Remove this :first-line Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
ben_space Posted March 26, 2023 Author Share Posted March 26, 2023 Hi tuanphan. Thank you for your suggestion. When I remove :first-line from .gallery-caption p:first-line {color: black; font-size: 1.2rem; font-weight:regular}, it eliminates all custom formatting from the gallery captions. I am trying to customise the complete captions for images in masonry. Link to comment
tuanphan Posted March 30, 2023 Share Posted March 30, 2023 Can you share link to page where you use masonry? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
ben_space Posted April 3, 2023 Author Share Posted April 3, 2023 On 3/30/2023 at 5:46 AM, tuanphan said: Can you share link to page where you use masonry? https://salmon-sphere-62ml.squarespace.com/work/portrt PW: AZI2022 Link to comment
Solution tuanphan Posted April 7, 2023 Solution Share Posted April 7, 2023 On 4/4/2023 at 2:41 AM, ben_space said: https://salmon-sphere-62ml.squarespace.com/work/portrt PW: AZI2022 You can use this CSS figure.gallery-masonry-item p { font-size: 1.2rem !important; color: black !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
ben_space Posted April 12, 2023 Author Share Posted April 12, 2023 Thank you, @tuanphan. This solved my issue perfectly. Do you have a solution to style the overlay caption as seen in the attachment with CSS? https://salmon-sphere-62ml.squarespace.com/work/portrt PW: AZI2022 Link to comment
tuanphan Posted April 15, 2023 Share Posted April 15, 2023 On 4/12/2023 at 8:31 PM, ben_space said: Thank you, @tuanphan. This solved my issue perfectly. Do you have a solution to style the overlay caption as seen in the attachment with CSS? https://salmon-sphere-62ml.squarespace.com/work/portrt PW: AZI2022 What do you mean? It looks same to me Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
ben_space Posted April 17, 2023 Author Share Posted April 17, 2023 On 4/15/2023 at 1:13 PM, tuanphan said: What do you mean? It looks same to me The image caption in lightbox mode is in a different font and stale as the masonry image caption. I want to adjust the style and font of the image caption in the lightbox view. Link to comment
tuanphan Posted April 19, 2023 Share Posted April 19, 2023 On 4/17/2023 at 5:01 PM, ben_space said: The image caption in lightbox mode is in a different font and stale as the masonry image caption. I want to adjust the style and font of the image caption in the lightbox view. Add this to Design > Custom CSS /* Lightbox caption */ .tlightbox-caption { font-family: europa; font-style: normal; letter-spacing: 0em; text-transform: none; line-height: 1.8em; font-size: 1.2rem !important; color: #000 !important; font-weight: bold !important; } ben_space 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) 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