Jump to content

tuanphan

Circle Member
  • Posts

    65,051
  • Joined

  • Last visited

  • Days Won

    519

Everything posted by tuanphan

  1. Can you share link to this page? What is site url? Above CSS disabled that. You can remove that code + share link again, we will check & give new code
  2. You mean you want that code, run on this page only? https://www.ofwhitewalls.com/sequoia-blog
  3. Hi, Can you share link to page where you use Summary Block?
  4. The site is private. Can you setup an access password? We can access easier
  5. Add this to Design > Custom CSS @media screen and (max-width:767px) { [data-section-id="63a60f2cc6eee1275a9df93e"] .section-background-canvas.background-fx-canvas { display: none; } [data-section-id="63a60f2cc6eee1275a9df93e"] img { visibility: visible !important; } [data-section-id="63a60f2cc6eee1275a9df93e"] { min-height: unset !important; height: 45vh; } }
  6. You mean change white around image to yellow color?
  7. This code should work for Active Item .header-nav-item--active a, .header-menu-nav-item--active .header-menu-nav-item-content { background-image: none !important; }
  8. Hi, If any one still need this, follow this instruction
  9. Hi, SS hide images on mobile so no way to show image on mobile view. However you can consider using this approach First, to show Yellow Color (7 in screenshot) add this to Design > Custom CSS /* Mobile Calendar */ @media screen and (max-width:767px) { .has-event { background-color: #f2b705 !important; } } Next, with Pink event, add pink at the end of Event URL, for example event 11 has url: /events/mutual-mondays-4sf9a change it to /events/mutual-mondays-4sf9a-pink then add this code to Design > Custom CSS @media screen and (max-width:767px) { a.background-image-link[href*="pink"] { background-color: #f26bdc !important; } .has-event * { color: white !important; } }
  10. You mean hover image on gallery > Show another image? You can share link to page where you use gallery, we can give you some code to achieve this
  11. I think you are using some custom code to hide header navigation. You try checking it again Or share link to your site, we can check easier
  12. I don't see calendar on homepage. Which page are you referring to?
  13. Depends on one's point of view. If using code to force nav appear, I think need at least 20 lines of code. Add to Design > Custom CSS @media screen and (max-width:1100px) and (min-width:900px) { div#logoWrapper { padding: 0 !important; left: 10px; top: 50%; transform: translateY(-50%); } div#preFooterBlocks { visibility: hidden; } } this code will run from screen sizes 900px to 1100px. You can adjust these numbers to what you feel okay
  14. You can Google with this keyword, then share link to a free code on Codepen, we can send code to make it work on Squarespace
  15. Because the total height of the sections is lower than the height of the screen, it will appear empty. And that space will use Site Background Color (Design > Site Styles > Colors) Add to Design > Custom CSS body.homepage { background-color: #c2c2c2; }
  16. Add to Design > Custom CSS .header-title-logo a { position: absolute; }
  17. Try change to this new code @media screen and (max-width: 767px) { body:not([class*="type-blog"]) #page article section:first-child { min-height:32vh !important; height: 32vh !important } }
  18. Can you share link to page where you use summary? We can check easier
×
×
  • 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.