Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    64,672

  • Joined

  • Last visited

  • Days Won

    516

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    If you need to make it transparent just change #f1f to transparent
  2. tuanphan
    Hi, Can you share link to page? We can check easier
  3. tuanphan
    Add to Website Tools (under Not Linked) > Custom CSS @media screen and (max-width: 992px) { .header-display-mobile { display: flex; order: 2 } .header-display-desktop { width: auto !important; order: 1; flex: 0 0 75px !important; display: flex; } .header-burger, .header-display-desktop .header-title-nav-wrapper, .header-display-desktop .header-actions-action--cart{ display: none } .header-display-desktop .customerAccountLoginDesktop { display: block } .header-display-desktop .header-actions.header-actions--right { flex: unset !important } }
  4. tuanphan
    What is password?
  5. tuanphan
    Use this CSS code div.header-nav-folder-content { background-color: #f1f !important; }
  6. tuanphan
    See this code
  7. tuanphan
    SS updated something on Form so old code doesn't work, I don't know how to update code with new form, but if you can add me as a contributor, I can help you disable this update.
  8. tuanphan
    Can you share link to this page?
  9. tuanphan
    Can you share link to page where you used it?
  10. tuanphan
    You can use this code to Website Tools (under Not Linked) > Custom CSS div.header-nav-item>a { color: #fff !important; background-color: #686beb !important; padding: 1em 2em !important; font-size: 20px !important; border-radius: 300px !important; }
  11. tuanphan
    If you want button appears on all pages, you should use Website Tools > Code Injection > Footer instead Page Header. Which page you added code to Page Header? I tried finding code in homepage but can't find any
  12. tuanphan
    If you can add 2 sections, we can give code to show 1 on desktop, show another on mobile. I also have a plugin (free) to achieve this.
  13. tuanphan
    Add to Website Tools (under Not Linked) > Custom CSS @media screen and (min-width:992px) { .header-title { position: fixed; top: 3vw; left: 5vw; z-index: 9999; } .header-nav { position: fixed; top: 10vw; left: 5vw; padding: 0 !important; } nav { flex-direction: column; } div.header-nav-item { margin: 0 !important; text-align: left !important; } div.header-nav-item a{ display: inline-block; } .header-actions.header-actions--right { position: fixed; left: 5vw; bottom: 2vw; justify-content: flex-start !important; } .header-actions--right .header-actions-action a { margin-left: 0 !important; margin-right: 2.5vw; } #page article section { max-width: 75%; margin-left: 25%; padding-top: 0 !important; } body { background-color: #111; } .header-title-logo { text-align: left !important; } }
  14. tuanphan
    Can you share site url? We can check problem easier
  15. tuanphan
    Not sure, you try use code (above your comment) (Edit Site Footer > Add a block > Choose Markdown > Then paste the code) If it doesnt work, we will use another code, but make clickable only
  16. tuanphan
    I think you can consider using 2 pages, each page 75 images, then add load more button under, link to second page. Or if you use a Business Plan or higher, we can use code to hide image 76, 77...then add a button with code, click it will show all images.
  17. tuanphan
    Try this code to Website Tools (under Not Linked) > Custom CSS @media screen and (max-width: 992px) { .header-display-desktop { display: flex; justify-content: center; } .header-display-desktop .header-burger, .header-display-desktop .header-title-nav-wrapper, .header-display-desktop .header-actions-action--cart{ display: none; } .header-actions.header-actions--right { display: flex; flex: 1 1 100% !important; max-width: unset !important; } .header-display-desktop .language-picker-desktop { display: block; margin: 0 auto; } .header-inner { flex-direction: column; } .language-picker-content { position: static !important; opacity: 1 !important; pointer-events: all !important; display: flex; justify-content: flex-end; } .header-actions .language-picker-desktop .current-language { display: none !important } html[lang*="fr"] .language-item:nth-child(1) span { font-weight: 600; } html[lang*="en"] .language-item:nth-child(2) span { font-weight: 600; } .header-actions .language-picker-desktop .language-item:first-child:after { content: "/"; display: inline-block; padding-left: 2px; padding-right: 2px; font-size: 20px; } .header-actions .language-picker-desktop .language-item { display: flex; flex-direction: row; } .header-menu-actions.language-picker.language-picker-mobile { display: none } }
  18. tuanphan
    If you still need this, let me know, we can code custom header for Member Area, just let me know which menu item + Url you want to appear on Member Area Header, I will give the code. Use this code instead h2.cart-title { visibility: hidden; } h2.cart-title:before { visibility: visible; content: "Shopping Cart 2 345"; }
  19. tuanphan
    I tried clicking Before After, but both seems same
  20. tuanphan
    It is a bug, you can consider using Accordion Block in Classic Editor, I can give you code to add background color for accordion
  21. tuanphan
    Remove your code & add this code to Website Tools (under Not Linked) > Code Injection > Footer DO NOT add to Custom CSS <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> jQuery(document).ready(function($){ setInterval(function(){ $('.gallery-reel-control-btn[data-next]').click() },2000); }) </script>
  22. tuanphan
    I see you removed burger. Do you still need help with this?
  23. tuanphan
    Add to Custom CSS .header-burger.menu-overlay-has-visible-non-navigation-items { display: flex !important; position: relative; left: -10vw; } .header-menu-actions.social-accounts { display: none; }
  24. tuanphan
    You can add tag to these lines, suppose the tag name is: brand let pcAddToCartButton = document.querySelector('.tag-brand .sqs-add-to-cart-button'); let pcProductVariants = document.querySelector('.tag-brand .product-variants');
  25. tuanphan
    Here I added 6 sections, then use code to make them to 2 rows If you still want to use this approach, I will give all steps
×
×
  • 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