Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    64,861

  • Joined

  • Last visited

  • Days Won

    517

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    Suppose you have 2 sections on homepage, top and second To hide top on desktop, add this code to Website Tools (Under Not Linked) > Custom CSS @media screen and (min-width:768px) { body.homepage article section:first-child { display: none !important; } } To hide second on mobile, use this code @media screen and (max-width:767px) { body.homepage article section:nth-child(2) { display: none !important; } }
  2. tuanphan
    It already show title on hover to me
  3. tuanphan
    Add to Website Tools (under Not Linked) > Custom CSS @media screen and (max-width:991px) { .portfolio-text { opacity: 1 !important; top: unset !important; background-color: rgba(0,0,0,0.7) !important; } .portfolio-overlay { opacity: 1 !important; top: unset !important; } }
  4. tuanphan
    Add this to Website Tools (under Not Linked) > Custom CSS footer.sections .content-wrapper { max-width: 100% !important; }
  5. tuanphan
    I see you use Gallery Block Slideshow, you can consider using Gallery Section Slideshow, it should fullheight without code Or you can change it to Classic Editor Section? I can fix with code easier with new editor, it always have a gap under, difficult to fix it To hide 3, 4 sections on mobile, use this CSS code @media screen and (max-width:767px) { footer.sections section:nth-child(n+3) { display: none !important; } }
  6. tuanphan
    If Newsletter block, use this code div.form-submission-text { font-family: 'TIEMPOS' !important; }
  7. tuanphan
    Use this CSS code div.form-submission-text { font-family: 'TIEMPOS' !important; }
  8. tuanphan
    Maybe you used custom code to hide form, so you can't find it? You try disable all custom code and check again Suppose your site is andrea.squarespace.com You can access this link to disable code: andrea.squarespace.com/config/safe
  9. tuanphan
    I tested second code on my site before sending the code. Can you keep code in CSS box? I can check again easier
  10. tuanphan
    First solution, both are different page, and add a load more button under, click on it >> open another page
  11. tuanphan
    It looks like you are using Cover Page, you can add this code to Cover Page Settings > Advanced > Code Injection (right box) <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function() { $(".sqs-slide-layer-content.content-gallery").click(function() { var link = $(this).text(), href = "https://google.com"; window.location.href=href; }); }); </script> <style> .sqs-slide-layer-content.content-gallery { cursor: pointer; } </style>
  12. tuanphan
    What should it look like on mobile? Or you want to hide it, add this code under I Just sent above @media screen and (max-width:767px) { body[class*="type-products"].view-item ul.tp-ul { display: none !important; } }
  13. tuanphan
    Add this code to Website Tools > Custom CSS ul.tp-ul { display: none !important; } body[class*="type-products"].view-item ul.tp-ul { display: flex !important; }
  14. tuanphan
    You can add this code to Website Tools (under Not Linked) > Custom CSS body.view-list [data-section-id="6581b8d6f5f72a7c7fee315d"] .section-background { background-color: white !important; }
  15. tuanphan
    To make mobile footer sticky only, change this your code #footer-sections .page-section:last-of-type { position: fixed!important; width: 100%!important; bottom: 0!important; z-index: 99!important } to this @media screen and (max-width:767px) { #footer-sections .page-section:last-of-type { position: fixed!important; width: 100%!important; bottom: 0!important; z-index: 99!important } }
  16. tuanphan
    Try this CSS code body:not(.header--menu-open) .header-menu div.user-accounts-link { display: none !important; }
  17. tuanphan
    With mobile, use this code div.container.header-menu-nav-item>a { color: #fff !important; background-color: #686beb !important; padding: 1em 2em !important; font-size: 20px !important; border-radius: 300px !important; }
  18. tuanphan
    You mean Checkout button? or Continue Shopping button?
  19. tuanphan
    It looks like you havent' added code to Custom CSS yet (or you added to wrong "CSS section" Don't remove code from your Page Header Add this code to Custom CSS box (see screenshot below) #floating-button { position: fixed; top: 50%; right: 0; transform: rotate(90deg) translateX(50%); transform-origin: 100% 0; z-index: 99999; } #floating-button a { background: #0E0793; color: white; display: inline-block; font-size: 14px; text-transform: uppercase; font-family: montserrat; font-weight: 400; letter-spacing: 0.3em; padding: 10px 30px; border-radius: 0px 0px 10px 10px; transition: ease 0.5s !important; } #floating-button a:hover { padding: 20px 40px; background: #2E52FF; } @media screen and (max-width: 768px) { #floating-button { bottom: 0; top: auto; transform: none; left: 0; text-align: center !important; } #floating-button a { padding: 10px 0px; border-radius:10px 10px 0px 0px !important; width: 100% !important; } }
  20. tuanphan
    To remove read more link, use this CSS code body#collection-659613958b47182e64b137e0 a.blog-more-link.passthrough-link { display: none !important; }
  21. tuanphan
    You mean this item? Add this code to Website Tools (under Not Linked) > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function() { $('a.grid-item[href="/film-video/sweetdreams"]').attr('href','https://youtu.be/vkuy5ULXl_I'); }); </script> (you can also consider use lightbox, it means, click video >> show video in lightbox)
  22. tuanphan
    Hi, Can you share link to page where you use Masonry?
  23. tuanphan
    You can use 2 sections, then share page url, we can give code to make 2 sections side by side
  24. tuanphan
    With your case, I see you can replace current section with Classic Editor section, so you can fix problem
  25. tuanphan
    Use this code .header-mobile-logo a:after { content: "GameNite"; font-family: 'Blackentina'; text-align: center; vertical-align: middle; font-weight: 600; padding-left: 18px; } .header-mobile-logo a { display: flex !important; align-items: center !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