Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    65,013

  • Joined

  • Last visited

  • Days Won

    518

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    Add to Design > Custom CSS /* Mobile resize slideshow */ @media screen and (max-width:991px) { .gallery-fullscreen-slideshow { height: 35vh !important; } }
  2. tuanphan
    Add to Design > Custom CSS /* Float header */ @media screen and (min-width:992px) { .header-title { position: fixed; top: 3vw; left: 5vw; z-index: 9999; } .header-nav { position: fixed; top: 50%; left: 5vw; padding: 0 !important; transform: translateY(-50%); } 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.page-section { max-width: 75%; margin-left: 25%; padding-top: 0 !important; } }
  3. tuanphan
    Add this to Design > Custom CSS to change icons, nav items to white on homepage before scroll body.homepage header#header:not(.shrink) a { color: white !important; } body.homepage header#header:not(.shrink) span.current-language-name { color: white; }
  4. tuanphan
    You mean on each page, replace this Articles with another heading text?
  5. tuanphan
    What is password?
  6. tuanphan
    Do you use Personal or Business Plan? We can check easier
  7. tuanphan
    You can add this to Design > Custom CSS /* Fixed product image */ @media screen and (min-width:768px) { .tweak-product-basic-item-thumbnail-placement-below .ProductItem-gallery { position: sticky; top: 0; } }
  8. tuanphan
    Hi, No. It should be in Design > Custom CSS
  9. tuanphan
    Move this?
  10. tuanphan
    You can try replace it with div.image-block { border: 2px solid #000; }
  11. tuanphan
    Hi, This looks complex. You can consider another approach. Clicking on image >> Show info box in this red position How to do it? You can add 6 sections under, then we will give code to hide all intiial then when users click on each image >> we will give code to show corresponding section
  12. tuanphan
    Sometime upload files wont' work on Trial Plan. I tried clicking on font file, it shows blank page
  13. tuanphan
    What is password?
  14. tuanphan
    It looks like you solved with this CSS code? #hero-video .video-player .plyr__video-wrapper { margin: 0px !important; margin-top: 17px !important; border-radius: 50px !important; height: auto !important; }
  15. tuanphan
    You can use Announcement Bar, add 3 links, then share site url, then we can give code to make 1 align left, 1 align center, 1 align right + hide it on mobile.
  16. tuanphan
    You can add this code under <style> .blog-meta-item--author .reading-time { display: none !important; } </style>
  17. tuanphan
    You can add this code to Design > Custom CSS section.reviewsSection.O_TZtXma8b5KXnfG16jW { background-color: #f1f; padding-left: 20px; } And no way to make it fullwidth.
  18. tuanphan
    I think the height of the page content is not enough to fill the height of the tablet screen, so it will appear white space. We can use the code to change the page color, to make that white space the same color as the rest. You can add this to Design > Custom CSS body { background-color: #eae7e2; }
  19. tuanphan
    I see you solved for mobile and now you need to make it same for tablet?
  20. tuanphan
    I think I sent code in another thread Use this CSS (Design > Custom CSS) a#site-title { position: fixed; left: 50%; transform: translatex(-50%); margin-top: -10px; }
  21. tuanphan
    Can you share link to page where you use product block? We can check easier
  22. tuanphan
    Hi, #1. For shop page or individual products? Can you share link to shop page? We can check easier
  23. tuanphan
    What is site url? We can check easier
  24. tuanphan
    You can add this to Design > Custom CSS /* Our Treatments Summary */ @media screen and (min-width:768px) { div#block-yui_3_17_2_1_1688535711232_22373 .summary-thumbnail-outer-container { float: left; width: 20%; margin-right: 20px; } }
  25. tuanphan
    You try edit your Site Footer > Add a Markdown Block > paste the code
×
×
  • 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