Jump to content

Beyondspace

Circle Member
 View Profile  See their activity

  • Posts

    10,143

  • Joined

  • Last visited

  • Days Won

    80

 Content Type 

Everything posted by Beyondspace

  1. Beyondspace
    Too bad that the Source URL on events does not have option to replace link like Blog post 😕
  2. Beyondspace
    Thanks for supporting us! The custom grid work beautifully with Connect lightbox feature Kapture 2024-04-16 at 18.02.45.mp4
  3. Beyondspace
    What is your site version?
  4. Beyondspace
    Looks like you solved it Btw: here is the dedicated playground url for your site with lightbox studio on PREVIEW
  5. Beyondspace
    So far I attempted to making Gallery Section Slideshow lightboxify, but the results it not ideal yet (the image order is messed up), but it can work perfectly on Slideshow Gallery block, you take a look at this https://beyondspace-showcase.squarespace.com/lightbox-demo Step-by-step tutorial can be found here
  6. Beyondspace
    In case someone is looking for step-by-step tutorials https://www.iorad.com/player/2365523/Squarespace---How-to-Changing-your-store-s-currency
  7. Beyondspace
    For the paid custom plugin, I think you should ask the author to get more support and advice
  8. Beyondspace
    Can you share your URL so we can check it easier?
  9. Beyondspace
    Can you share direct links to the pages which have CTA buttons?
  10. Beyondspace
    I made a dedicated playground url for your site to test with Lightbox Studio ,we had option to Hide 7.1 section caption
  11. Beyondspace
    You should share your site URL and the code (if the author of it allow to) so we can know exactly the issue
  12. Beyondspace
    Looks like a glitch of Squarespace, lol
  13. Beyondspace
    Can you share your site URL so we can check it easier?
  14. Beyondspace
    We will deactivate the style for parent element and set style detail for child elements to get the same result .blog-item-author-profile-wrapper { width: 100%; max-width: unset; width: 100%; display: flex; justify-content: center; align-items: center; background: none; } .blog-item-author-profile-wrapper > a:first-child { padding: 15px 15px 0 15px; box-sizing: border-box; border-top-left-radius: 15px 15px; border-top-right-radius: 15px 15px; background: #eeebeb; width: 530px; } .blog-item-wrapper .author-bio { margin: 0; padding: 1rem 15px 15px; width: 530px; background: #eeebeb; box-sizing: border-box; } .blog-item-author-profile-wrapper .author-website { margin-top: 0; padding: calc(1rem + 15px) 15px 15px; box-sizing: border-box; border-bottom-left-radius: 15px 15px; border-bottom-right-radius: 15px 15px; background: #eeebeb; width: 530px; } Testing result Let me know how it works on your site
  15. Beyondspace
    Is this what you want? If the event has sourceUrl attached, it links the title to the source Kapture 2024-04-15 at 11.03.26.mp4
  16. Beyondspace
    The code within /*---code---*/ on your screenshot would be inactive. you can remove it and try again
  17. Beyondspace
    You can try this code .sqs-block-button-element--medium { border: 1px solid #515151 !important; transform: perspective(0p); color: #515151 !important; position: relative; } .sqs-block-button-element--medium:before { content: ""; position: absolute; display: flex; top: 0; right:0; bottom:0; left: 0; z-index:-1; background: #a97d6E; transform: scaleY(0); transform-origin: 50% 100%; transition: 0.4s; } .sqs-block-button-element--medium:hover { color:white !important; border: 1px solid #a97d6e !important; opacity: 1 !important; } .sqs-block-button-element--medium:hover:before { transform: scaleY(1); } Let me know how it works
  18. Beyondspace
    What is your URL site?
  19. Beyondspace
    Can you share your URL site so we can check it easier
  20. Beyondspace
    Is it ok for this style?
  21. Beyondspace
    I'll check on it
  22. Beyondspace
    Try the following Custom Css code .sqs-svg-icon--wrapper:after { content: ''; display: block; width: 100%; height: 100%; opacity: 0; background-position: center center; background-size: cover; background-repeat: none; } .sections .sqs-svg-icon--wrapper:hover { background: none; } .sqs-svg-icon--wrapper:hover:after { opacity: 1; } .sqs-svg-icon--wrapper:hover .sqs-svg-icon--social { display: none; } /*instagram hover image url*/ .sqs-svg-icon--wrapper.instagram-unauth:after { background-image: url(https://plus.unsplash.com/premium_photo-1712935547661-4fe0b2de98bf?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHwxfHx8ZW58MHx8fHx8); } /*linkedin hover image url*/ .sqs-svg-icon--wrapper.linkedin-unauth:after { background-image: url(https://plus.unsplash.com/premium_photo-1712935547661-4fe0b2de98bf?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHwxfHx8ZW58MHx8fHx8); } /*redbubble hover image url*/ .sqs-svg-icon--wrapper[href*="redbubble"]:after { background-image: url(https://plus.unsplash.com/premium_photo-1712935547661-4fe0b2de98bf?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHwxfHx8ZW58MHx8fHx8); } Change image URL on your own
  23. Beyondspace
    My testing
  24. Beyondspace
    try the following custom Css code @media only screen and (max-width: 767px) { #collection-65bfcd1f85c33b021e79fb7f .gallery-masonry-item { position: relative !important; transform: none !important; width: 30% !important; } #collection-65bfcd1f85c33b021e79fb7f .gallery-masonry-wrapper.gallery-masonry-list--ready { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-evenly; } #collection-65bfcd1f85c33b021e79fb7f .gallery-masonry .gallery-masonry-item[data-loaded] img { width: 100% !important; } #collection-65bfcd1f85c33b021e79fb7f .gallery-masonry-item-wrapper { height: auto !important; } } Let me know how it goes
  25. Beyondspace
    Sqs allows you to add code on separate page Hope it can help
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources