Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    65,683

  • Joined

  • Last visited

  • Days Won

    522

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    Try adding this to Design > Custom CSS /* Mobile video homepage */ @media screen and (max-width:767px) { body.homepage div#player { visibility: hidden !important; opacity: 0 !important; } body.homepage .sqs-video-background.mobile .custom-fallback-image { opacity: 1 !important; display: block !important; z-index: 10 !important; } }
  2. tuanphan
    Hi, I used to solve a similar case but on SS 7.1. If you share link to page where you can see lightbox, we can take a look
  3. tuanphan
    It turns black because you used this CSS code
  4. tuanphan
    Try using !important, if it doesn't work, please share link to page in screenshot, we can check easier #block-7c548004086f300cf7f2.sqs-block.sqs-background-enabled { padding: 8% 6% 5% 6% !important; }
  5. tuanphan
    You try access Search Page in edit mode > Then access Design > Site Styles > click on Search page to adjust default theme style. See this video: https://www.loom.com/share/599185f0c1924f3a9d311b37d7ce484c
  6. tuanphan
    Hi, Which page are you referring to? I don't see these videos on homepage
  7. tuanphan
    To resize button text on mobile, use this CSS /* Mobile button text size */ @media screen and (max-width:767px) { div#block-f2a8291c0bdfb307573a a { font-size: 14px !important; } }
  8. tuanphan
    We can also use script code move First Image Block in Blog Post to above Title. If you share link to a blog post, we can give code to do this.
  9. tuanphan
    You can add 2 sections, then we can give code to make them side by side. When you've done add it, let me know, we will check code
  10. tuanphan
    You can read the guide carefully, no need to upgrade to paid version to do this
  11. tuanphan
    Add to Design > Custom CSS /* Mobile About Us Page */ @media screen and (max-width:767px) { div#page-6018049378b54a5318bda129 { padding-left: 17px; padding-right: 17px; } }
  12. tuanphan
    Try editing your Site Footer > Add a Markdown Block > paste this code <script> document.querySelector('.header-title-logo a').setAttribute('href', '/work'); </script>
  13. tuanphan
    Add to Design > Custom CSS /* Will Accordion - Icon next text mobile */ @media screen and (max-width:767px) { .wm-accordion-block .accordion-content-wrapper .span-1 { float: left !important; } }
  14. tuanphan
    I guess you can try use script code to move this. What is site url? We can take a look
  15. tuanphan
    You mean make it scale a bit, same as nav item on hover?
  16. tuanphan
    Add to Design > Custom CSS /* Mobile resize slideshow */ @media screen and (max-width:991px) { .gallery-fullscreen-slideshow { height: 35vh !important; } }
  17. 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; } }
  18. 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; }
  19. tuanphan
    You mean on each page, replace this Articles with another heading text?
  20. tuanphan
    What is password?
  21. tuanphan
    Do you use Personal or Business Plan? We can check easier
  22. 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; } }
  23. tuanphan
    Hi, No. It should be in Design > Custom CSS
  24. tuanphan
    Move this?
  25. tuanphan
    You can try replace it with div.image-block { border: 2px solid #000; }
×
×
  • 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