Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    64,655

  • Joined

  • Last visited

  • Days Won

    516

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    Can you share link to page? If you can't share url, wrap code in this <span style="color:#f1f !important;font-family: monospace;font-size: 30px;"><i class="fa-solid fa-phone fa-xs" style="color: #cea666;"></i> +44 207 316 3046</span>
  2. tuanphan
    Use this CSS code, change to your image gif urls a.grid-item[href="/work/muralvidkit"]:hover img { content: url(https://cdn.pixabay.com/photo/2023/07/20/04/45/leva-8138344_1280.jpg); } a.grid-item[href="/work/muralelevate"]:hover img { content: url(https://cdn.pixabay.com/photo/2023/07/25/19/47/milky-way-8149815_1280.jpg); } a.grid-item[href="/work/muralproduct"]:hover img { content: url(https://cdn.pixabay.com/photo/2023/03/31/14/44/nature-7890194_1280.jpg); } a.grid-item[href="/work/origin"]:hover img { content: url(https://cdn.pixabay.com/photo/2023/07/30/00/12/cat-8157889_1280.png); } a.grid-item[href="/work/decoded-aflt9"]:hover img { content: url(https://cdn.pixabay.com/photo/2023/07/20/04/45/leva-8138344_1280.jpg); }
  3. tuanphan
    Sent in message. Use this code (Design > Custom CSS or Website > Website Tools > Custom CSS) /* Mobile Homepage 3 columns */ @media screen and (max-width:640px) { body.homepage .gallery-block .slide { width: 33.333% !important; } body.homepage .sqs-layout .sqs-row .gallery-block.sqs-block { padding-top: 5px !important; padding-bottom: 5px !important; } a.Mobile-bar-branding:after { content: "CINEMATOGRAPHER"; display: block; font-size: 16px; } }
  4. tuanphan
    Design > Site Styles > Disable Ajax Loading
  5. tuanphan
    Hi, What is your site url? We can check problem easier
  6. tuanphan
    Hi, Can you share link to a product? We can give code to prevent crop
  7. tuanphan
    You can create a second page, design layout for mobile, then add this code to First Page Header <script type="text/javascript"> if (screen.width <= 767) { document.location = "https://google.com"; } </script> Replace Google with second page url. This code will redirect users to new page on mobile
  8. tuanphan
    No way. You can use gif instead or consider create a new custom popup with code (if you need, we can check & give the code, requires a Business Plan or higher)
  9. tuanphan
    You can share link to portfolio page on your site, we can give the exact code
  10. tuanphan
    Each item will have a different text or same text? And all text will have same format, left is a text, right is a text, like your screenshot, right? https://www.jennyrodriguez.design/portfolio-2/project-one-ephnc-nltr7 With homepage, use this code to Design > Custom CSS /* Top Vertical Line on Homepage */ div#gridThumbs:before { content: ""; height: 200px; width: 200px; position: absolute; top: 0; right: 3vw; z-index: 999999; background-color: transparent; border-top: 1px solid #fff; border-right: 1px solid #fff } div#gridThumbs:after { content: ""; height: 200px; width: 200px; position: absolute; top: 0; left: 3vw; z-index: 999999; background-color: transparent; border-top: 1px solid #fff; border-left: 1px solid #fff }
  11. tuanphan
    Use this code instead nav.header-nav-list { flex-wrap: nowrap; }
  12. tuanphan
    Hi, Can you share link to this page? We can check easier
  13. tuanphan
    Hi, Can you share link to this page? We can check easier
  14. tuanphan
    Can you share link to page where you use Gallery Block?
  15. tuanphan
    You can use this new approach
  16. tuanphan
    You can use this code to Design > Custom CSS (or Website > Website Tools > Custom CSS) /* Blog new logo */ body[class*="type-blog"] header#header img { content: url(https://cdn.pixabay.com/photo/2023/05/13/14/35/white-flower-7990645_1280.jpg); }
  17. tuanphan
    Can you share link to a product page?
  18. tuanphan
    You need to click Apply then Save page
  19. tuanphan
    Hi, Can you share link to page where you use contact form? And change for which element
  20. tuanphan
    So problem appear on edit mode only? If yes, you will need to contact SS Customer Care, they can check backend to troubleshoot the problem
  21. tuanphan
    If you share site url, we can check easier
  22. tuanphan
    Hi, Can you share link to this page? We can check easier
  23. tuanphan
    Hi, Which anchor link doesn't work? I tried clicking on Work with us, it scroll to this
  24. tuanphan
    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
  25. tuanphan
    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; }
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources