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


Circle Member
  • Content Count

  • Joined

  • Last visited

Personal Information

  1. @tuanphan it still appears like the screenshot for me on my device! Not fixed for me 🙂
  2. Site URL: https://alvin-dela-cruz.squarespace.com Wondering why my Vimeo video background autoplays fine on Chrome and Safari iPhone 8 but won't on my clients iPhones (XS)? I've asked them if their phones are on low power mode and they've assured me it's not. They say the fallback image is showing instead. When I remove the fallback image, it just shows them a blank space. Thanks in advance!
  3. @tuanphan are you able to help me a little more on this? It's looking good, except just a few the caption appears very far down compared to the others: https://share.getcloudapp.com/YEupJzL0 https://share.getcloudapp.com/8Lu7l6X6 Thank you!
  4. Site URL: https://alvin-dela-cruz.squarespace.com/portfolio I've managed to get rounded corners on the Vimeo video embed on desktop, however it's not carrying over on mobile. Any ideas? Screenshot: https://share.getcloudapp.com/5zuXvb8m <div style="padding:56.34% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/435605030?background=1?autoplay=1&?muted=1loop=1&?color=fff4eb&title=0&byline=0&portrait=0" style="border-radius:30px!important;border:1px solid #242424;position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>
  5. Site URL: https://alvin-dela-cruz.squarespace.com Wondering why this carousel gallery is appearing with too much space to the left? Active alignment is set to center. https://alvin-dela-cruz.squarespace.com/ Password is "pearler" Big thanks in advance!
  6. I've managed to fix it completely, thanks @tuanphan 🙏 /* Push description to under slide */ .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-bottom .meta { bottom: -130px; } @media screen and (max-width:767px) {.sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-bottom .meta { bottom: 10px; }} .sqs-gallery-block-slideshow img { top: 0 !important; height: 100% !important; } .sqs-gallery-controls .next, .sqs-gallery-controls .previous { color: #242424!important; background-color: rgba(0,0,0,0)!important; } .sqs-gallery-block-slideshow .meta .meta-description, .sqs-gallery-block-slideshow .meta .meta-description p, .sqs-gallery-block-slideshow .meta .meta-title { color: #242424!important; font-size: 1.4rem; letter-spacing: 0px!important; } .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-bottom .meta { background: none!important; } .sqs-gallery-block-slideshow .meta .meta-title { margin-top: 100px!important; } @media screen and (max-width:767px) { .sqs-gallery-block-slideshow .meta { display: block !important; } .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-bottom .meta { overflow: visible!important; } }
  7. @tuanphan thanks so much! When I add the code, it works for a second, then disappears when the next slide shows. All images have a caption. You can see it here: https://share.getcloudapp.com/o0uvKRgK
  8. Site URL: https://alvin-dela-cruz.squarespace.com/portfolio I've managed to get a slideshow gallery on my 7.1 site using the Chrome extension SquarespaceWebsites Tools. I've also managed to get the slideshow meta caption to sit below the image on desktop using the code below. However, I'm struggling to get it to show on mobile - I think there might be an overflow issue because the caption seems completely hidden. The password for this site is "pearler" Thanks! .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-bottom .meta { bottom: -130px; } .sqs-gallery-block-slideshow img { top: 0 !important; height: 100% !important; } .sqs-gallery-controls .next, .sqs-gallery-controls .previous { color: #242424!important; background-color: rgba(0,0,0,0)!important; } .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-bottom .meta { background: none!important; } .sqs-gallery-block-slideshow .meta .meta-title { margin-top: 100px!important; }
  9. Does anyone know why my images would be cropping like this? The screenshot shows the original image size. I've tried adding and reducing padding, the 'stretch' function. I've made a few sites and never had this issue. Sofia template.
  10. I'm finding with the new 7.1 version that the way the text is responding on mobile isn't working well for my site. I've tried the code below on one particular type of text in the Custom CSS editor - when I add it, the preview area doesn't change at all. When I save it, the font I've added elsewhere in CSS breaks. @media screen and (max-width: 767px) .sqsrte-large { font-size: 2rem; } I've also tried it on a different one that doesn't have a custom font - .h3 - and the same thing happens - nothing. Any ideas greatly appreciated!
  • Create New...