Jump to content

Beyondspace

Circle Member
  • Posts

    9,983
  • Joined

  • Last visited

  • Days Won

    80

Reputation Activity

  1. Like
  2. Like
    Beyondspace reacted to Beyondballhawaii in How to enable "Add to Cart" for specific items only?   
    <style>
        #item-65bc2f73a96a806b3a8d7d26 .ProductItem-details .sqs-add-to-cart-button-wrapper {
        
          display : none;
          
          }
          
      </style>
     
    found the code above on this forum and it solved my issue. Thank you for recommending the square id finder, very helpful.
  3. Like
    Beyondspace reacted to Ramon-east in align a session gallery   
    It seems to work great, if I want all sessions to look like this I just need to remove "section[data-section-id="65de4818b8645b5b997c772c"] " correct?
  4. Thanks
    Beyondspace got a reaction from Jeffery_Alspaugh in Assets Library downloader   
    Bring the ability to download the images from your Assets Library quickly without navigating away from the files container.
    Support download single image or selected images from the viewer
    - Only images download support
    - Work in detail list view
    - Compatible with all Squarespace plan
    - Free to use
    Check it on this page 🔗
     
    Created with ❤️
    BeyondspaceStudio
    Squarespace Circle Member

  5. Like
    Beyondspace got a reaction from Beyondballhawaii in How to enable "Add to Cart" for specific items only?   
    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
  6. Like
    Beyondspace got a reaction from bellamalia in Reveal text with hover on gallery   
    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
  7. Like
    Beyondspace reacted to Ramon-east in align a session gallery   
    all the tutorials I saw were to align old galleries from versions 7.0, in version 7.1 we don't have gallery blocks, just sessions. How do you align the logos?

  8. Like
    Beyondspace reacted to ChuckG-Art in How to make drop down menu folder transparent   
    fantastic!  thank you!
  9. Like
    Beyondspace reacted to Webmaster_for_ZLC in The navigation menu turns into the hamburger menu when viewed in portrait orientation on a tablet   
    Thanks so much for the solution!
    Fantastic work!!!
    With deep appreciation!
    Brent
  10. Like
    Beyondspace got a reaction from Webmaster_for_ZLC in The navigation menu turns into the hamburger menu when viewed in portrait orientation on a tablet   
    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; } }  
  11. Like
    Beyondspace reacted to Ianthe in Product category page = 3 columns, product page = 1 column.   
    Here is the shop page https://www.ianthe.house/our-properties. I have set it as single column for now, as single column looks better on the product category pages, given we have just one product per category. 

    However, I would love to see three columns on the shop page so our three products are side by side (the single column view for the product page shows images that are way too big for what I would like to see!), and just one column on the category pages, to display our single product per category without leaving excess white space for columns where additional (currently non-existing) products might be. 
    The issue seems to be that the shop and category pages follow the same structure by default. 
     
    Thank you so much for your help, its sincerely appreciated.
  12. Like
    Beyondspace reacted to christined in 7.1 Split Navigation script - nav items on right disappear or wrong color   
    It worked perfectly! THANK YOU SO MUCH, @Beyondspace!
  13. Love
    Beyondspace got a reaction from christined in Masonry Grid Hover Captions   
    For desktop view, you can try the following code
    @media only screen and (min-width: 768px) { .gallery-masonry-item .gallery-caption-content { visibility: hidden; } .gallery-masonry-item:hover .gallery-caption-content { visibility: visible; } }  
  14. Love
    Beyondspace got a reaction from christined in Masonry Grid Hover Captions   
    For the mobile, you can try the following Css code
    @media only screen and (max-width: 767px) { .gallery-masonry-item-wrapper { height: auto !important; } .gallery-masonry-wrapper.gallery-masonry-list--ready { display: flex; flex-wrap: wrap; height: auto !important; } figure.gallery-masonry-item { position: relative !important; display: flex; flex-direction: column; width: 100% !important; transform: unset !important; } .gallery-caption-content { position: relative; } .gallery-caption.gallery-caption-grid-masonry { width: 100%; max-width: unset; } .gallery-masonry-item-wrapper a:after { content: unset; } } My testing

  15. Like
    Beyondspace reacted to rati_fegihi3 in How to Hide the Mobile Header on Perform for Life SF   
    The header is hidden on desktop, but remains visible on mobile at https://justine-ambat.squarespace.com/. How can I hide it across all devices?
  16. Like
    Beyondspace reacted to RClark_Moja in Adding a button to scrolling bar   
    Hi All, 
    Can anyone advise how I add a button with the scrolling bar? So the Buy Now is a button rather than text? Even better if there is a code that pins the scroll at the bottom of the page so it is always visible. 
    TIA 🙂
  17. Like
    Beyondspace reacted to Saibot in text next to an image gallery   
    Hello,
    I want to put a text next to an image gallery. Just like in the picture, only without the shop.
    But I can't find a way to implement this and would appreciate tips and help.
    Thanks, Tobias

  18. Like
    Beyondspace reacted to jadebunk in Date display format options   
    That's the one
  19. Like
    Beyondspace reacted to creedon in JavaScript or HTML from MailerLite into my Personal Subscription   
    I can't speak to the MailerLite JavaScript itself working on a SS site.
    As to running JavaScript on a SS site, that requires the business plan or above.
  20. Like
    Beyondspace reacted to phoebes21 in JavaScript or HTML from MailerLite into my Personal Subscription   
    Can I successfully embed JavaScript or HTML from MailerLite (newer free version) into my Personal Squarespace Subscription. 

    I created the embedded form, put the HTML intro a code block on SquareSpace and it looks ok but show an error message "code removed."  The best I can determine is that I cannot add a JavaScript or HTML embedded form code into my "personal subscription" and need a business subscription. Correct or no? 

    Using Zappier is not the solution to link the two because I still can't get MailerLite on SquareSpace, right?

    thanks!
  21. Like
    Beyondspace reacted to SquareQuestions in Side-by-side blog on mobile   
    Worked perfectly, thank you!
  22. Like
    Beyondspace reacted to SquareQuestions in Side-by-side blog on mobile   
    I want the Featured Image to be on the right, and the text content (meta data, date, title, context) to be on the left.  Similar to the desktop view.
    If that is not possible, I would prefer the Featured Image to appear below the text content.
    Thanks in advance!!
  23. Like
    Beyondspace reacted to ughnett in Enhanced Datepicker for blog publication   
    oh my god how did I just discover this??
  24. Love
    Beyondspace got a reaction from ughnett in Enhanced Datepicker for blog publication   
    Replace the blog publication datepicker with the calender version that allow you to quickly switch between year and month. Save a tons of click to go backward and forward instead of swiping month-by-month
    - 7.1 Template support (7.0 will be soon)
    - Can be used in Blog Post and Event settings
    Blog post Status dialog
    Event Status dialog
    Event Start and End time dialog
    - Compatible with all Squarespace plan
    - Free to use
    Check it on this page 🔗

    Created with ❤️
    BeyondspaceStudio
    Squarespace Circle Member
  25. Like
    Beyondspace got a reaction from pbjameson in Changing navigation underline weight   
    You can try adding to Home > Design> Custom Css
    body:not(.header--menu-open) .header-nav-item--active>a { background-size: 1px 4px; } Press 👍 or mark this answer as solution to help another one too
×
×
  • Create New...

Squarespace Webinars

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

Hire a Designer

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