Jump to content

Beyondspace

Circle Member
  • Posts

    10,143
  • Joined

  • Last visited

  • Days Won

    80

Everything posted by Beyondspace

  1. You can use the following code to set burger menu smaller and locate it to the right .header-display-desktop { flex-direction: row-reverse; } .burger-box { width: 30px; /*change the value for width of burger*/ } Let me know how it works on your site
  2. Add to your custom css one more attribute to make image cover entirely section[data-section-id="66015b5d26f89479f48e33b2"] .section-background-overlay { background-size: contain; } Let me know how it works on your site
  3. You can try adding to Custom Css #collection-64a95dac4d2a13562e08aece .gallery-caption p.gallery-caption-content { text-align: center; } My testing Let me know how it works on your site
  4. I think that Home, About, and Contact are the normal pages with no navigation
  5. Which text are you setting? Can you share some screenshot?
  6. Can you share your site so I can take a look?
  7. Can you share your site so I can take a look?
  8. I can not see any products. Have you added them yet?
  9. Can you share me the direct link URL to the page having the zoom effect? I can not see it on home page
  10. Sorry, you can add my code on custom CSS
  11. The lightbox does not include the information of image. @tuanphan codes help to get information from the gallery and show on lightbox. Therefore, the business plan is required to implement this feature
  12. I try and it works normally. Have you fixed it yet?
  13. I've just updated my code, try again and let me know how it works
  14. Try adding to your footer code injection <script src="https://cdn.jsdelivr.net/npm/appybee-widget"></script> <script> AppyBeeWidget.init({ companyAPIKey: 'f3a4a372f989b69e66e4bfb0a438b0b3', style: 'side', locale: 'nl' }); </script> <script> const btns = document.querySelectorAll('header a[href="/book-now"]'); if(btns.length) { btns.forEach(button => { button.onclick = function(e) { AppyBeeWidget.show(); return false; /*preventDefault*/ }; }) } </script> <button id="widget-button">Boek nu</button> on your above code can be removed
  15. if it has only 2 summary blocks, i think we should select directly the one you want to apply style. If you intend to have more than 2 ones and set style for 2 summary blocks and exclude the mentioned section, you can try the following Css code .summary-v2-block.sqs-block-summary-v2:not(#block-yui_3_17_2_1_1710347334583_18027) .summary-block-setting-design-list .summary-item, .summary-v2-block.sqs-block-summary-v2:not(#block-yui_3_17_2_1_1710347334583_18027) .summary-item.positioned { padding-bottom: 50px !important; } .summary-v2-block.sqs-block-summary-v2:not(#block-yui_3_17_2_1_1710347334583_18027) .summary-content { position:relative; } .summary-v2-block.sqs-block-summary-v2:not(#block-yui_3_17_2_1_1710347334583_18027) .summary-title .summary-title-link::after { content: 'REGISTER HERE'; background-color: black; border-radius: 0px; display: block; padding: 13px 26px; font-size: .75rem; font-weight: 500; font-style: normal; line-height: normal; text-transform: uppercase; letter-spacing: 1px; color: white; background-color: black; border-color: white; border: 1px solid #ffffff!important; position: absolute; bottom: -60px; } .summary-v2-block.sqs-block-summary-v2:not(#block-yui_3_17_2_1_1710347334583_18027) .summary-title .summary-title-link:hover::after { opacity: .8; } Let me know how it works on your site
  16. Javascript is required to implement this kind of layout. which plan of Squarespace are you in?
  17. Where are you put these above codes? I check on your home page but can not find them
  18. I suggest you using the classic section to prevent this action for markdown. If you want to keep the current section (fluid engine), we should apply some additional code to fix each item. @media (min-width: 768px) { .fe-65fddf29aa7be01c18e74fb8 { grid-template-rows: repeat(10, minmax(calc(var(--container-width)* var(--row-height-scaling-factor)), auto)); } } Let me know how it goes on your site
  19. You can try the following code @media only screen and (min-wid:100px) { #itemPagination { position: fixed; background: red; bottom: 50px; width: 350px; padding: 0; background: transparent; display: flex; justify-content: space-around; } #page { z-index: 99999; } .pagination-title-wrapper { display: none; } .item-pagination-link{ margin: 0; } } Let me know how it works
  20. Removing text and keeping only arrows like this, right?
×
×
  • 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.