Jump to content

Beyondspace

Circle Member
 View Profile  See their activity

  • Posts

    10,219

  • Joined

  • Last visited

  • Days Won

    80

 Content Type 

Everything posted by Beyondspace

  1. Beyondspace
    What is your site URL? I can give a test URL with Lightbox Studio where you try the zoom feature on the lightboxes. It supports all Image blocks, Gallery blocks and Gallery sections (including Slideshow layouts)
  2. Beyondspace
    Have you added the code yet? I can not see the code on my end
  3. Beyondspace
    You can try the following Custom Css /*set each text for image block hovered*/ body:has(#block-yui_3_17_2_1_1647613312964_40288:hover, #block-yui_3_17_2_1_1647613312964_254914:hover, #block-yui_3_17_2_1_1647613312964_73692:hover, #block-yui_3_17_2_1_1647613312964_51836:hover)::after { content: 'Carter Road Skatepark'; opacity: 1; transition: opacity 0.5s ease; } /*General style*/ body::after { content:''; position: fixed; top: 50%; left: 50%; font-size: 40px; transform: translate(-50%,-50%); font-weight: bold; opacity: 0; } My testing Let me know how it works on your site
  4. Beyondspace
    Can you show me how I can see this popup on your site? I checked but there is no feature like this
  5. Beyondspace
    You can use this code @media only screen and (max-width: 767px) { #block-yui_3_17_2_1_1714494673985_46210 * { justify-content: center; } } Let me know how it works on your side
  6. Beyondspace
    You can try adding this Custom CSS section[data-section-id="663cf59e9d606c7344735b88"] .user-items-list-item-container { display: flex; flex-wrap: wrap; justify-content: space-evenly; } section[data-section-id="663cf59e9d606c7344735b88"] .list-item { width: 23%; } My demo Let me know how it works on your site
  7. Beyondspace
    My above code css is a basic start to work around with your requirement. Beside that, we need to implement javascript code to calculate the number of items within the dropdown and set the right style for each Archive Block. What is your current plan? it is required with business Plan or higher to apply the Javascript codes
  8. Beyondspace
    Yes, it will be deleted on both views
  9. Beyondspace
    Can you share you URL so I can check it?
  10. Beyondspace
    Try adding to Custom Css @media only screen and (min-width: 1024px) { .fe-block-yui_3_17_2_1_1714592268344_4598 { grid-area: 3 / 2 / 5 / 18; } .fe-block-yui_3_17_2_1_1714592268344_4598 .archive-dropdown-toggle-label { max-width: 300px; background: rgba(110, 110, 110, .05); border-radius: 1px; box-sizing: border-box; } .fe-block-yui_3_17_2_1_1714592268344_4598 .archive-block-setting-layout-dropdown.archive-block-wrapper { max-width: unset; background: unset; } } My testing Let me know how it works on your site
  11. Beyondspace
    Can you share your URL so I can check it?
  12. Beyondspace
    Can you share you URL so we can take a look?
  13. Beyondspace
    I think we can use some javascript code to move the CTA phone next to the hamburger menu, then apply the background image on it to get the phone icon What is your current plan? It requires business plan or above to run javascript
  14. Beyondspace
    I think we can implement JavaScript (business plan or above) to achieve this feature. we need to check the viewpoint and set the corresponding style for this element. What is your current plan?
  15. Beyondspace
    Can you share your URL so I can check it?
  16. Beyondspace
    You need javascript because the caption is not available on the Lightbox Gallery's DOM, so Javascript is used to port the lightbox from the Gallery section caption. May you consider to use Grid gallery block with lightbox enabled? Check this
  17. Beyondspace
    My code works with the screen from 768px to 990px. I can not see my code on your site as well as the duplicate section as you mentioned. Can you share the link URL you are working on?
  18. Beyondspace
    You can check them on the dev tool of browser
  19. Beyondspace
    With squarespace, you can try the following custom CSS to achieve the 40% burger menu on desktop .header-display-desktop{ display: none; } .header-display-mobile { display:flex; } .header-display-mobile .header-burger { display: block; } .header-display-mobile .header-nav-wrapper { display: none; } .header--menu-open .header-menu { opacity: 1; visibility: visible; } body:not(.header--menu-open) .header .header-announcement-bar-wrapper [data-header-style="solid"].header-background-solid { background-color: unset; } .header--menu-open .header-menu{ width: 40%; left: auto; } Here is my testing This could be a good approach for you to have desired layout
  20. Beyondspace
    Have you built your site on Squarespace yet? Share your URL so we can check it more easily
  21. Beyondspace
    You can try adding the custom CSS @media only screen and (max-width: 767px) { .blog-meta-item.blog-meta-item--tags { display: flex; flex-wrap: wrap; } .blog-item-tag-wrapper { margin: 10px 2px; } .blog-item-tag-wrapper:after { content: unset !important; } } Here is my testing Let me know how it works on your side
  22. Beyondspace
    You can try the following code to set style with the breakpoint from 768px to 991px (as you require) @media only screen and (max-width: 991px) and (min-width: 768px) { section[data-section-id="6639afd34d3f795b7603a8a5"] .user-items-list-item-container { grid-template-columns: repeat(2, 1fr); } } Let me know how it works on your site
  23. Beyondspace
    Do you mean something like this? Try adding to custom CSS .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-bottom .meta-inside { padding: 20px 15px; } Let me know how it works on your site
  24. Beyondspace
    Can you share your URL so I can check it easier?
  25. Beyondspace
    Are you still looking for Lightbox Enabled on Reel Slideshow? Check this if it work on your site
×
×
  • 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