Jump to content

tuanphan

Circle Member
  • Posts

    64,861
  • Joined

  • Last visited

  • Days Won

    517

Everything posted by tuanphan

  1. Hi, Can you share link to this page? We can check easier
  2. Hi, Which anchor link doesn't work? I tried clicking on Work with us, it scroll to this
  3. You can use anchor links to achieve this. and use some CSS box to move/style anchor links Suppose you have 4 sections: About, Contact, Services, Pricing on same page, you need to create a vertical menu box with these links First, edit About Section, add a Code Block > Paste this code <span id="about"></span> Next, edit Contact Section > Add a Code Block with this code <span id="contact"></span> Next, for Services <span id="services"></span> Do similar Final, add a Code block at bottom or top of page with this code <div class="anchor-box"> <a href="#about">About</a> <a href="#contact">Contact</a> <a href="#services">Serivces</a> <a href="#pricing">Pricing</a> </div> <style> .anchor-box { position: fixed; top: 100px; left: 30px; z-index: 999; } </style> If it doesn't work, keep all code and share link to page, we can check easier
  4. Default padding of button causes this. You can use this code to Design > Custom CSS (or Website > Website Tools > Custom CSS) to fix problem div.form-block input.button.sqs-system-button { border-radius: 50% !important; width: 100px !important; height: 100px !important; line-height: 100px !important; padding: unset !important; }
  5. You can add new section then share site url, we can help you reduce section height with code
  6. You can add this code to Design > Custom CSS (or Website > Website Tools > Custom CSS) body.homepage header#header img { filter: invert(0); } If it doesn't work, change 0 to 1 If it still doesn't work, please share link to your site, we can check easier
  7. With Gallery Caption, you need to use this code .gallery-caption p.gallery-caption-content { font-family: futura-pt !important; }
  8. Change this black to white + change text white to black, right?
  9. Hi, Logo is too big so it causes scroll + white bar. You can use a smaller version for mobile logo or use this to Custom CSS box to reduce logo size /* Mobile logo size */ div.header-display-mobile img { max-height: 50px !important; } (Just a little experience if you have problems next time. How I found out the cause: I hided each section with the code one by one, then found that if I delete the header, it disappears. I redisplayed them all, and removed each element in the header and found that the logo was causing the problem)
  10. So did you solve or still need help? The domain haven't connected complete with SS yet so I can't access it now
  11. Change this line $(searchBlock).insertAfter($('.header-title-nav-wrapper')); to this $(searchBlock).insertAfter($('.header-nav'));
  12. You mean you want to remove Add to Cart button? For all products or specific product? If specific, can you share link to a product?
  13. Add this code to Design > Custom CSS (or Website > Scroll down and choose Website Tools > Custom CSS) /* related 4 items */ .ProductItem-relatedProducts.ProductList.clear .list-grid .grid-item:nth-child(n+5) { display: none !important; }
  14. You can use this to Custom CSS box .gallery-caption p.gallery-caption-content { font-family: 'Poppins' !important; font-weight: 400 !important; text-transform: uppercase !important; } Also, it already show one column to me
  15. Hi, It already fine to me
  16. With date, use this .events-item-pagination-date { font-family: 'Boing_bold' !important; }
  17. You can add this code to Custom CSS /* remove portfolio image zoom */ div#gridThumbs img { transform: unset !important; }
  18. Hi, This is not possible. You try find another approach
×
×
  • 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.