Jump to content

Beyondspace

Circle Member
 View Profile  See their activity

  • Posts

    10,115

  • Joined

  • Last visited

  • Days Won

    80

 Content Type 

Everything posted by Beyondspace

  1. Beyondspace
    Removing text and keeping only arrows like this, right?
  2. Beyondspace
    In my opinion, we will have 2 approaches for your requirement: 1. If you require to load only once when direct to the website (which means loading at the first time user access, on the next time, it won't happen), we need some js code to identify that that user has already accessed yet. Therefore it would require at lease the business plan to implement. 2. If you just require after a specific time, your image elements would fade out, we can use some CSS code to achieve it. However, every time clients access your site, they will appear Which options do you refer to?
  3. Beyondspace
    Can you share your site Url so I can take a look?
  4. Beyondspace
    You can try some suggestions on this topic to get your own solution
  5. Beyondspace
    Can you show me your idea about the navigation? They may be arrows (right/left) and are located on your header (left-side) or something like that Any screenshot of your desired result could help a lot
  6. Beyondspace
    This code causes that space. You can change it or use the following CSS code to overwrite it .ProductItem-details h1.ProductItem-details-title { margin-bottom: 0px; } Let me know how it works
  7. Beyondspace
    Can you share your site url so I can take a look?
  8. Beyondspace
    Can you share your site url so I can take a look at your issue?
  9. Beyondspace
    Can you share your site url so we can take a look?
  10. Beyondspace
    Can you share your site url so we can take a look?
  11. Beyondspace
    Can you provide your url site?
  12. Beyondspace
    You can You can add some additional styles to the following selector .gallery-caption-content with font-weight = 700 change the 'color' attribute to the color you want => Decrease the opacity value to this selector .gallery-grid-item:hover .gallery-grid-lightbox-link img
  13. Beyondspace
    Not sure what you intend to achieve? Can you send us the screenshot of the desired layout ?
  14. Beyondspace
    We can achieve this layout by using the image section (Simple style) Note: Set Captions on After that, we can use the CSS code: .gallery-grid-item { position: relative; } .gallery-grid-item:hover .gallery-grid-lightbox-link { background: #000; } .gallery-grid-item:hover .gallery-grid-lightbox-link img { opacity: 0.6; } .gallery-caption.gallery-caption-grid-simple { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); opacity: 0; } .gallery-grid-item:hover .gallery-caption-grid-simple { opacity: 1; transition: none; } .gallery-caption-content { text-align: center; color: #fff; } My testing Let me know how it works
  15. Beyondspace
    Can you share your site and screenshot of your issue so we can take a look?
  16. Beyondspace
    Thanks, I just replied via email
  17. Beyondspace
    The first section cover almost 100% view If we set stick/fixed for first section, we can not see the below sections. Can you describe more detail your idea?
  18. Beyondspace
    Each product page on squarespace has a unique id. You can use your above code with item id to set the appropriate style for add to cart button You can the following extension to get page id: squarespace id finder - Google Search
  19. Beyondspace
    On my desktop, it has only one column on London Page Have you checked it again?
  20. Beyondspace
    I think we should set it a little transparent with the following code #topNav nav .folder-collection .subnav { background: rgba(45, 42, 42, 0.8); } My testing
  21. Beyondspace
    both of them are fine. website css is recommended, page advance code require <style> tag Yes, you are right. You can install the following extension to get Squarespace id: Squarespace ID Finder (google.com)
  22. Beyondspace
    My testing
  23. Beyondspace
    You can try /*Combine with page Id to set background for specific page*/ footer .section-background-canvas.background-fx-canvas { visibility: hidden; } /*Combine with page Id to set background for specific page*/ footer .section-background-overlay { background-image: url(https://images.unsplash.com/photo-1683009427470-a36fee396389?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDF8MHxlZGl0b3JpYWwtZmVlZHwxfHx8ZW58MHx8fHx8); /*add your image url here*/ opacity: 1 !important; }
  24. Beyondspace
    You can try the following css code @media only screen and (max-width: 767px) { .header-display-desktop { display: none; } } @media only screen and (min-width: 768px) { .header-display-desktop { display: flex; } .header-display-mobile { display: none; } .header .header-title-nav-wrapper .header-nav { display: block; } .header-layout-nav-right .header-title{ flex: unset !important; } .header-burger { display: none } .header .header-announcement-bar-wrapper { padding-top: .1vw; padding-bottom: .1vw; padding-left: 3vw; padding-right: 3vw; } }
  25. Beyondspace
    Can you share your site so I can check?
×
×
  • 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