Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    64,923

  • Joined

  • Last visited

  • Days Won

    517

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    Try adding to Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> jQuery(document).ready(function($){ $('.header-menu-nav-item a').click(function(){ $('body').removeClass('header--menu-open'); $('button.header-burger-btn.burger').click(); }); }) </script>
  2. tuanphan
    Add to Design > Custom CSS /* Equal carousel card height */ @media screen and (min-width:992px) { .user-items-list-item-container[data-section-id="620836f412e07a50b7cc302d"] h2 { min-height: 130px; } }
  3. tuanphan
    The site url doesn't exist. Can you check it again?
  4. tuanphan
    First code, add to Page Header Second code, add to Design > Custom CSS. If you add First Code to Design > Custom CSs, you will have syntax error
  5. tuanphan
    Something like this?
  6. tuanphan
    Hi. You can use Lightbox Plugin to achieve this.
  7. tuanphan
    Try adding this to Design > Custom CSS /* Video fullwidth */ [data-section-id="62115492cafaec18582d97ce"] .content-wrapper { width: 100% !important; max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; }
  8. tuanphan
    You mean video banner? on desktop or mobile?
  9. tuanphan
    Try this new code @media screen and (max-width:767px) { main#page { padding-left: 0px; padding-right: 0px; } } html, body {overflow-x:hidden;}
  10. tuanphan
    I think we can use code to disable animation on that page only
  11. tuanphan
    Try adding to Design > Custom CSS @media screen and (max-width:767px) { body#collection-61ec64673ad0a2796ceb21f3 .gallery-slideshow-item img { width: 120% !important; left: 50% !important; transform: translateX(-50%); } }
  12. tuanphan
    Hi. What is your site url? We can check easier
  13. tuanphan
    2 options to do this O1. You can add 2 similar image, then we will give the code to show 1 on desktop, show another on mobile O2. Use CSS to replace current image with new image on mobile. Add this to Design > Custom CSS (This code for first image block, if it works, we will send code for other images) /* Mobile - Offerings image */ @media screen and (max-width:767px) { div#block-d14670a6627fd8f1009f img { content: url(https://cdn.pixabay.com/photo/2020/04/08/06/55/elephant-5015964__480.jpg); } div#block-f48837ed8089c70a3d58 img { content: url(https://cdn.pixabay.com/photo/2022/02/19/21/46/beach-7023446__340.jpg); } }
  14. tuanphan
    Use this code .section-background-overlay { opacity: .5 !important; height: 25% !important; position: absolute !important; top: unset !important; }
  15. tuanphan
    Add to Design > Custom CSS .checkbox a { color: #f1f; }
  16. tuanphan
    Try adding to Design > Custom CSS section#new-page-95 { z-index: 999; }
  17. tuanphan
    Edit page >> Add a Code Block (anywhere) > paste this code <style> header#header, .header-announcement-bar-wrapper, .header-background-solid { background-color: #552f23 !important; } </style>
  18. tuanphan
    Your site is private. Can you setup password & share url?
  19. tuanphan
    Can you share link to page in screenshot? We can check easier
  20. tuanphan
    Can you share link to shop page?
  21. tuanphan
    Try this guide https://ryandejaegher.com/easy-scrolling-text-in-squarespace/
  22. tuanphan
    It looks like you solved?
  23. tuanphan
    Which block you want to change order, can you take a screenshot?
  24. tuanphan
    Add to Design > Custom CSS div.header-nav-item--active a { background-image: none !important; }
  25. tuanphan
    Add to Design > Custom CSS a#site-title { border-bottom: 1px solid #f1f; }
×
×
  • 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