Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    64,922

  • Joined

  • Last visited

  • Days Won

    517

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    Add this to Design > Custom CSS figcaption.image-caption-wrapper { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; overflow: hidden !important; }
  2. tuanphan
    with anyone has this problem, you can add this CSS to Design > Custom CSS to override above CSS, then header/footer will be back /* bring back header footer */ .header, #footer-sections, header#header, footer.sections { display:block !important; }
  3. tuanphan
    Try adding this to Design > Custom CSS nav#mainNavigation { text-align: center; }
  4. tuanphan
    I think if you need to remove sold out item from shop page, we can give the code. With above request, I have no idea. If you still havent solved it yet, try posting to some Squarespace group on Facebook
  5. tuanphan
    You fixed or still need help with question in quote box??
  6. tuanphan
    Hi. Have you found a solution yet?
  7. tuanphan
    @katfox It looks like you changed layout. Do you still need help? On mobile, I see space between text in buttons is huge. You can use this CSS to improve it. /* Mobile 3 buttons */ @media screen and (max-width:767px) { div#page-section-618ea4bb6920d12b96df296f .span-4 .html-block * { margin-bottom: 0px !important; } }
  8. tuanphan
    FIrst, remove 3 images, add a Line Block here Then add 3 images again Then remove Line Block
  9. tuanphan
    Try this code button.checkout-button span { font-family: monospace !important; }
  10. tuanphan
    Hi. This is not possible with CSS. I think you will need to hire someone to do this with JavaScript (very complex & need a Business Plan or higher). You try posting this to Squarespace Customization Resource Group on Facebook.
  11. tuanphan
    Have you solved this yet?
  12. tuanphan
    Add to Design > Custom CSS > Then save & reload the site /* Center for Public Lands image mobile */ @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1631731002596_14765 .content-fill { padding-bottom: 150% !important; } }
  13. tuanphan
    In Custom CSS, you used top: unset !important; change it to: top: 0 !important; div#block-6a6b2912b604c5c41077 img { width: auto !important; bottom: 25% !important; top: unset !important; right: 0; z-index: 999; }
  14. tuanphan
    If you check on tablet, same problem still happens, You can use this new code /* bangank36 code */ #collection-61771ac626cacf5c4e832479 .reviewmgr-stream { padding-top:90px; } @media screen and (max-width:991px) and (min-width:768px) { #collection-61771ac626cacf5c4e832479 .reviewmgr-stream { padding-top: 150px; } }
  15. tuanphan
    @JennWalker Try this CSS /* submission height */ .form-submission-text { padding-top: 50px; padding-bottom: 50px; }
  16. tuanphan
    @JennWalker The spacer block is hide on mobile, so problem appear. You can add this to Design > Custom CSS to make spacer block appear, then the gap will be back. /* Mobile space between blue gray */ @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1638921051396_4698 { display: block; } }
  17. tuanphan
    Just discovered tablet has same problem. In above code, you can change 767px to 1024px (1024px = Tablet + Mobile)
  18. tuanphan
    Use this CSS /* Plus */ :not([data-is-open="true"]) .plus { background-image: url(https://cdn.pixabay.com/photo/2021/02/06/09/03/man-5987447__340.jpg) !important; background-size: contain; background-repeat: no-repeat; } :not([data-is-open="true"]) .plus div { display: none; } /* Minus */ [data-is-open="true"] .plus { background-image: url(https://cdn.pixabay.com/photo/2021/12/12/22/17/red-squirrel-6867105__480.jpg) !important; background-size: contain; background-repeat: no-repeat; } [data-is-open="true"] .plus div { display: none; }
  19. tuanphan
    You mean this?
  20. tuanphan
    You can Post your question to Squarespace Cirlce Forum.
  21. tuanphan
    Can you share link to your site? We can check easier
  22. tuanphan
    You mean logo is not center on mobile? What is your site url?
  23. tuanphan
    Can you share link to 2 pages & which items you want to show on each page header, we can give the code to fix this.
  24. tuanphan
    Use this code /* space site title nav */ .header-nav { margin-top: 0px !important; } .header-nav:before { display: none !important; }
  25. tuanphan
    Try adding to Design > Custom CSS section.grid-meta-wrapper { width: 100% !important; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !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