Jump to content

tuanphan

Circle Member
  • Posts

    64,922
  • Joined

  • Last visited

  • Days Won

    517

Everything posted by tuanphan

  1. Hi, Which page are you referring to? I don't see these videos on homepage
  2. 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; } }
  3. 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.
  4. 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
  5. You can read the guide carefully, no need to upgrade to paid version to do this
  6. Add to Design > Custom CSS /* Mobile About Us Page */ @media screen and (max-width:767px) { div#page-6018049378b54a5318bda129 { padding-left: 17px; padding-right: 17px; } }
  7. Try editing your Site Footer > Add a Markdown Block > paste this code <script> document.querySelector('.header-title-logo a').setAttribute('href', '/work'); </script>
  8. 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; } }
  9. I guess you can try use script code to move this. What is site url? We can take a look
  10. You mean make it scale a bit, same as nav item on hover?
  11. Add to Design > Custom CSS /* Mobile resize slideshow */ @media screen and (max-width:991px) { .gallery-fullscreen-slideshow { height: 35vh !important; } }
  12. 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; } }
  13. 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; }
  14. You mean on each page, replace this Articles with another heading text?
  15. 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; } }
  16. You can try replace it with div.image-block { border: 2px solid #000; }
  17. 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
  18. Sometime upload files wont' work on Trial Plan. I tried clicking on font file, it shows blank page
  19. 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; }
  20. 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.
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.