Jump to content

tuanphan

Circle Member
  • Posts

    65,681
  • Joined

  • Last visited

  • Days Won

    522

Everything posted by tuanphan

  1. If you can add 2 sections with desktop video - mobile video, I can give code to show 1 on desktop, show another on mobile
  2. You ca add Slideshow, enable arrows then share link to page where you added, we will check
  3. Hi, Which page are you referring to?
  4. You need to add it first, then share site url, we can check code easier
  5. Hi, Can you share link to this page? We can check easier
  6. Hi, Blog title on Blog page or summary block or? Can you share link?
  7. Can you share link to page where you want to do this? and do you have an example?
  8. Use this new code @media screen and (max-width:767px) { .sqs-popup-overlay-content .sqs-slide { position: fixed !important; bottom: 0 !important; } .sqs-slide-wrapper[data-slide-type="popup-overlay"] [data-slice-type="gallery"] .sqs-slice-gallery-item.loaded img { opacity: 1 !important; } .sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"] [data-slice-type="gallery"] { display: block !important; } .sqs-slide-wrapper[data-slide-type="popup-overlay"] [data-slice-type="gallery"] { z-index: 1000 !important; } .sqs-slice-group.group-copy.copy-layer-background { z-index: 99999999; background-color: transparent !important; top: 50%; } a.sqs-popup-overlay-close { z-index: 9999999 !important; } .sqs-slide-wrapper[data-slide-type="popup-overlay"] [data-slide-layout-id="overlay-center-card-02"] [data-slice-type="gallery"] { width: 100% !important; height: 50% !important; } .sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"] .layer-front, .sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"] .sqs-slide-layer-content { height: 500px !important; }}
  9. I guess we can add a button block, then use code to when users click on this button, code will click all all audio on page.
  10. Hi, To set each category a different background, you will need to use a custom code. Can you share link to some category? We can check easier
  11. Add to Design > Custom CSS /* Desktop arrows */ .user-items-list-carousel__arrow-icon-holder { align-items: flex-end; }
  12. Add to Design > Custom CSS ul.cf>li:last-child .folder-parent>a>span:before { content: "\e009"; font-family: 'squarespace-ui-font'; font-size: 18px; } ul.cf>li:last-child .folder-parent>a>span { font-size: 0; }
  13. Have you solved it yet? If you still need help, please share link to page in screenshot, we can check easier
  14. Add this under @media screen and (max-width:767px) { div.header-title a:after { font-size: 20px; } }
  15. Hi, Can you share link to calendar page? We can help easier
  16. Squarespace has an icon library, however you need to use CSS code to declare them. You can see list of icons here https://tuanphan.squarespace.com/ss-ui-fonts?noredirect pass: abc (And many more icons, these are just some of the icons that I have compiled)
  17. It is default setting, require a lot of code to make nav appear again,how about change to mobile menu on this screen size?
  18. Change last code /* Attempt always-full-width banner */ @media screen and (max-width:767px) { #page section:first-child { min-height: 32vh !important; height: 32vh !important; } } to this /* Attempt always-full-width banner */ @media screen and (max-width:767px) { #page article section:first-child { min-height: 32vh !important; height: 32vh !important; } }
×
×
  • 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.