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
    What is this code for? And what is site url?
  2. tuanphan
    You can use this code to Page Header Code Injection or Code Block on each page <style> footer.sections { background-color: #f1f !important; } footer.sections .section-background, footer.sections .section-border { background-color: transparent !important; } </style>
  3. tuanphan
    Use this new code .header-nav-folder-item a:hover { color: #FFCA2D !important; }
  4. tuanphan
    You can use this CSS code [data-folder="/about"] .header-menu-nav-folder-content { justify-content: center !important; }
  5. tuanphan
    Recently I wrote this free guide (Shape Block, Text Block, Video, Image are similar), you can follow it. In case you can't make code work, just share link to your site, I will check & give exact code for your case
  6. tuanphan
    Hi, This is not possible, you can consider these options (1) Add one more carousel under current with 1 item/row, we can give code to show 1 on desktop, show another on mobile (2) Use plugin to sync Summary Block with List Carousel (both have similar layout), then we can use CSS code to show 1 on mobile (if you need a demo, let me know, I can create a quick demo)
  7. tuanphan
    Sticky Images/Text on Left of site is possible Click images/text scroll to corresponding is possible Color change on scroll: I don't know this If you still need help with (1), (2) I can help
  8. tuanphan
    Not possible to change Summary Carousel to 1 item/mobile, you can use this CSS code to increase items size a bit @media screen and (max-width:767px) { body#collection-5a7cd14cc83025883fd43257 { .summary-thumbnail.img-wrapper { padding-bottom: 110% !important; } img.summary-thumbnail-image.loaded { width: 100% !important; height: auto !important; top: 0 !important; left: 0 !important; } }}
  9. tuanphan
    use CSS code like this div.header-nav-item>a { height: 50px !important; }
  10. tuanphan
    Can you share link to page where you have problem? We can check easier
  11. tuanphan
    Can you share link to this product?
  12. tuanphan
    You can use #3 code
  13. tuanphan
    What is site url? Use this CSS code div.header-display-mobile a#site-title { font-size: 12px !important; }
  14. tuanphan
    Can you share link to site? I think we can use some CSS3 animation to achieve it (not sure)
  15. tuanphan
    I inspect Page Source Code to find this...or you can use tool to measure it, eg: Lightshot tool (this tool takes screenshot, but it can show element width/height)
  16. tuanphan
    Can you share your site url?
  17. tuanphan
    What is password?
  18. tuanphan
    You can use this code to Website > Website Tools > Custom CSS body.homepage { /* Gallery hover - with No Link */ figure[class*="gallery"]:not(.gallery-slideshow-item) { position: relative; } .gallery-caption { position: static; } /* title */ .gallery-caption p.gallery-caption-content { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; z-index: 999; padding: 7%; transition: opacity ease 200ms !important; opacity: 0 !important; pointer-events: none; } figure[class*="gallery"]:hover .gallery-caption-wrapper p.gallery-caption-content { opacity: 1 !important; } /* overlay */ div[class*="-item-wrapper"]:after { background: #f4f6ea; /* overlay color */ content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: opacity ease 200ms !important; } figure[class*="gallery"]:hover div[class*="-item-wrapper"]:after { opacity: 0.75; } /* remove gap */ figcaption { padding: 0 !important; } }
  19. tuanphan
    Use this code to Website Tools > Custom CSS h3.preFade.fadeIn { position: relative !important; top: -20px; }
  20. tuanphan
    Add text like this? div#thumb-maison-de-maitre-with-14-hectares-5gg6w .product-price:after { content: "1bed 2room 3 bike"; display: block; margin-top: 10px; }
  21. tuanphan
    Use this code to Website Tools > Custom CSS @media screen and (max-width:991px) { button.mobile-panel-close:before { content: "SEE RESULTS" !important; transform: unset !important; white-space: nowrap; background: unset !important; display: block; text-align: center; position: static !important; height: auto !important; } button.mobile-panel-close:after { display: none; } .custom-filter-container.use-mobile-panel.custom-filter-uid-0 .mobile-panel-close { width: auto !important; height: auto !important; padding: 10px !important; border: 1px solid black !important; } }
  22. tuanphan
    Can you take a screenshot of problem?
  23. tuanphan
    Use this code to Website > Website Tools (under Not Linked) > Custom CSS body.homepage { figure.gallery-grid-item { position: relative; } .gallery-caption { position: static; } /* title */ figcaption.gallery-caption .gallery-caption-wrapper p.gallery-caption-content { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; z-index: 999; padding: 7%; transition: opacity ease 200ms !important; opacity: 0 !important; pointer-events: none; font-size: 30px !important; color: #f1f !important; } .gallery-grid-item:hover .gallery-caption-wrapper p.gallery-caption-content { opacity: 1 !important; } /* remove gap */ figcaption { padding: 0 !important; } }
  24. tuanphan
    Use this CSS code span.unauth { font-size: 0 !important; } span.unauth:before { font-size: 40px !important; content: "My Account"; text-align: center; display: block; } div.header-menu span.unauth:before { position: relative; top: -55px; }
  25. tuanphan
    Use this CSS code to change to white border .product-details .variant-option select { border-color: white !important; } Use this code to remove white border on click .product-details .variant-option select { border-color: white !important; outline-color: transparent !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