Jump to content

tuanphan

Circle Member
  • Posts

    65,335
  • Joined

  • Last visited

  • Days Won

    521

Everything posted by tuanphan

  1. We can use some line of code to hide nav on landing page, just share link to page, we can give code to do this
  2. You should contact Squarespace Customer Care to have a reliable answer.
  3. With 7.1, just edit section > add video background. Or what is your problem?
  4. You can add 2 galleries, then share page url, we can give code to show 1 on desktop, show another on mobile
  5. Add this to Custom CSS /* Fluid Engine Stacked */ @media screen and (max-width:991px) and (min-width:768px) { .fe-64dc9632bd53181591fc2624>div { grid-area: unset !important; display: block !important; width: 100% !important; margin-bottom: 20px; } .fe-64dc9632bd53181591fc2624 { display: block !important; padding-left: 6vw; padding-right: 6vw; } .fe-64dc9632bd53181591fc2624 .sqs-block-image .design-layout-fluid * { position: relative !important; } }
  6. Hi, What is site url? We can check easier
  7. You can ask a Circle Member add this for you. If you need you can message me & invite me as a contributor & let me know which page you want to add gallery block, I can add it for you. Or you can consider using Gallery Section, List Section, they have similar feature
  8. Add edit mode class name before your code @media screen and (max-width: 767px) { body:not(.sqs-edit-mode) section[data-section-id="64d00f75a743de4c922d1bc3"] { display:none !important; } } @media screen and (min-width: 768px) { body:not(.sqs-edit-mode) section[data-section-id="64e3967c623c9120255befd7"] { display:none !important; } } This code will show hide section on Outside edit mode only
  9. That code for Classic Editor Section only, it won't work on Fluid Engine. You mean reduce these space?
  10. You can add this to Website > Website Tools > Custom CSS .site-wrapper .header-menu .header-menu-cta a { background-color: var(--primaryButtonBackgroundColor) !important; } With icon, which code did you use to add icon? We can check it easier
  11. Try adding this to Website > Website Tools > Custom CSS /* align lightbox arrows */ button.gallery-lightbox-control-btn[aria-label="Previous Slide"] { position: absolute !important; left: 5px !important; padding: 0 !important; } button.gallery-lightbox-control-btn[aria-label="Next Slide"] { position: absolute !important; right: 5px !important; padding: 0 !important; }
  12. Add this to CSS box to override on /home page body#collection-5f5e320bd871bb4ffc401420 img { object-fit: cover !important; }
  13. You can try this code to Website > Website Tools > Custom CSS header#header { mix-blend-mode: difference; }
  14. Can you share link to page where you use gallery? We can check easier
  15. Try adding this to Website > Website Tools > Code Injection > Header <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=0"/> <style> @media screen and (max-width:640px) { .sqs-modal-lightbox-content .lightbox-inner .lightbox-content { padding-bottom: 250px !important; } } </style>
  16. Or you can design new page, we can give code to redirect users to this page when they access your site from tablet
  17. You mean change site title font only? Use this code h1.logo.site-title a { font-family: monospace !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.