spacecowboy
-
Posts
13 -
Joined
-
Last visited
Reputation Activity
-
spacecowboy reacted to tuanphan in 7.1 Gallery Image Text Overlay No Longer Working Correctly
In Description box, edit this
to this
<span>Analog Devices</span> - <span>World Headquarters</span> Do similar for other items
next, add this to Design > Custom CSS
.gallery-caption-content span:first-child { font-weight: bold; font-size: 30px; } .gallery-caption-content span:last-child { font-weight: 300; font-sizez: 10px; }
-
spacecowboy reacted to tuanphan in 7.1 Gallery Image Text Overlay No Longer Working Correctly
Add this CSS under
.gallery-caption-wrapper p { flex-direction: column; }
-
spacecowboy got a reaction from Beyondspace in Lightbox Video/Disable specific images from gallery grid from showing up in lightbox
Site URL: https://daffodil-denim-9jre.squarespace.com/analog-devices-world-headquarters
Pass= 20demo21
Seems like this is a popular request but I am trying to incorporate videos into my image gallery. Why Squarespace removed that in 7.1 is beyond me.
I would love for them to pop-up in a lightbox alongside my images, but it doesn't seem possible. I purchased Video Lightbox Button from SQSP Themes and I got the video to work with a thumbnail in my gallery, however, if you click another image in the gallery and cycle through, you eventually stumble upon the "Project Video" image.
I would love to be able disable that image from showing up in the lightbox as it would look like a mistake.
-
spacecowboy reacted to tuanphan in Caption overlay running outside thumbnail on mobile.
Want to fix these?
Site URL: https://daffodil-denim-9jre.squarespace.com/?password=20demo21
1. (Tablet-Homepage)
2. (Tablet-Homepage)
3. (Tablet-Homepage/Footer)
4. (Mobile-Media) Move video to top of text?
5. (Tablet-Overlay) Add a space between lines?
-
spacecowboy reacted to tuanphan in Caption overlay running outside thumbnail on mobile.
Add to Design > Custom CSS
/* tablet homepage */ @media screen and (max-width:991px) and (min-width:768px) { /* Office buildings */ div#block-324d48fea82cb1482a39 h2 { font-size: 30px; } /* Manufacturing */ div#block-7677f70433b805f62a7e h2 { font-size: 30px; white-space: nowrap; } /* Cultural */ div#block-53ddc49de80d64e75e3d h2 { font-size: 30px; } /* footer */ div#page-section-605cb7c6b307fd1708cb8f9e { .span-3 { width: 40%; } .span-4:nth-child(2) { width: 5%; } .span-1 { width: 20%; } .span-4:last-child { width: 35% !important; } } /* overlay menu line spacing */ div.container a { line-height: 1.2em; } } /* mobile */ @media screen and (max-width:767px) { /* rockport video */ div#page-section-60c236e1026cde584fcf56e1>.row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } }
-
spacecowboy reacted to tuanphan in Caption overlay running outside thumbnail on mobile.
Don't remove any code in your current code.
Add this code under above code
<style> @media screen and (max-width:767px) { figure.gallery-grid-item.has-clickthrough * { font-size: 12px !important; } } </style>