Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    64,655

  • Joined

  • Last visited

  • Days Won

    516

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    You can use this code to Website > Website Tools > Custom CSS to expand it on mobile div#folderNav li { display: block !important; }
  2. tuanphan
    You can setup an access password
  3. tuanphan
    You mean Back to top button? I don't see any CTA button on homepage and /book page
  4. tuanphan
    To change height on desktop, use this CSS code @media screen and (min-width:992px) { body#collection-61ca17e4faa6734f646c5b87 .gallery-reel { height: 99vh !important; } }
  5. tuanphan
    Hi, It looks like you added to Code Injection, but with my code, you need to use Custom CSS box
  6. tuanphan
    You mean make them in same line, same as on desktop? Add this code to Website > Website Tools > Custom CSS @media screen and (max-width:767px) { .filters .button-group { flex-wrap: nowrap !important; } .filters button { width: auto !important; } }
  7. tuanphan
    Something like this (this is a site I helped a member a few months ago) https://www.tuomasnurmi.com/
  8. tuanphan
    Can you share site url? We can check effect easier
  9. tuanphan
    You mean video or gif? If gif, add this code under your code to change it to another gif on mobile <style> @media screen and (max-width:767px) { .logoload { background-image: url("https://static1.squarespace.com/static/6511a807de16be47fc25962d/t/65453f11edae552bdf1d4d59/1699036948437/HNDLpreload.gif") !important; } } </style> Replace url with mobile gif url
  10. tuanphan
    Replace ... with </div>
  11. tuanphan
    Hi, You mean video play in middle screen with overlay behind (or video play fullscreen). Then when video finish play, hide video, show page content Is that right? If yes, do this for all pages or homepage only?
  12. tuanphan
    Use this code to Website > Website Tools > Custom CSS body#collection-513a8576e4b0df53688d1cf6 { div#grid { height: auto !important; } #grid .item { position: static !important; width: 100% !important; height: auto !important; top: unset !important; left: unset !important; transform: unset !important; }}
  13. tuanphan
    I tried hover some items and all look fine. Did you solve it?
  14. tuanphan
    You can use this code to Website > Website Tools > Custom CSS .fe-64a389dbd6b79c4097fa0249 { grid-template-rows: repeat(20,minmax(calc(~"var(--container-width) * var(--row-height-scaling-factor)"), auto)) !important; }
  15. tuanphan
    You can add Logo image, then share site url, we can give code to add title text
  16. tuanphan
    Yes. You can send url + access password, we can check easier
  17. tuanphan
    We can achieve that with Custom JS/CSS code. But if create multiple lightboxes, it will more complex. I don't have the code available here, but I have worked on a few cases for some members on forum (I don't remember the code, need to check it from scratch). Assuming you only have one image, clicking on the image will bring up the lightbox We can create a section in Footer (will use CSS to hide it, so users can't see it) Then use some CSS to make this section fixed on middle of screen Then use CSS to hide it Then use some JS code, to make it appears when users click Image/or Text Use JS code to make it close when clicking Close/X icon If you need to create multiple lightboxes, you will need to create multiple sections in the Footer. But if the Lightbox simply contains 1 Text Block, then we can just use 1 Section, and insert all the Text Blocks in this Section. You can describe your case + site url, I can help easier
  18. tuanphan
    CSS can't change this layout, I guess so, it will require a lot of JS code. You mean add SEO ALT Tag?
  19. tuanphan
    Try this code to Website > Website Tools > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function() { $('a.header-nav-folder-title').removeAttr('href'); }); </script>
  20. tuanphan
    We can use CSS code to hide some items from dropdown, if you share link to site & let me know which items you want to hide, we can help easier
  21. tuanphan
    You can use this code to Website > Website Tools > Custom CSS div#productList:before { content: "All sales are subject to approval at the home office in Wisconsin."; display: block; }
  22. tuanphan
    I see a blank code on Youtube icon position. Do you use any custom code? You try disable it and check again
  23. tuanphan
    You can use blank section, if height still too tall, you can share site url, we can give some lines of code to make this section height = height of header
  24. tuanphan
    change flex-start to center
  25. tuanphan
    Split and text scroll is possible with some code But left image scroll, I think you will need to hire a coder to achieve this
×
×
  • 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