Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    64,963

  • Joined

  • Last visited

  • Days Won

    517

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    Try this code to Website > Website Tools > Custom CSS > Then save & reload the page @media screen and (max-width:767px) { .gallery-reel { height: 35vh !important; } }
  2. tuanphan
    Can you share link to site where you got the font? I think the font has problem
  3. tuanphan
    You can share link to portfolio page so we can check your case easier
  4. tuanphan
    @Rorafilmco First, you can use this code to Website > Website Tools > Code Injection > Footer (Or Blog Page Header Code Injection) <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function(){ $(".blog-item-title h1, h1.blog-title").each(function(){ $(this).html($(this).text()); }); }); </script> Next, use this code to Website Tools > Custom CSS h1.blog-title em, .blog-item-title em { font-style: normal; display: block; font-size: 26px; color: #f1f; } Next, edit each blog post title, use this format Blog Post Title 03 <em>Trekking</em> Result In case you use Summary Block, you will need a new code. You can share link to page where you use Summary Block, I will adjust the code easier.
  5. tuanphan
    Hi, What is your problem now? You can't edit image with code or? Or you need to show 1 image on desktop, show another on mobile? If yes, can you share link to page? I don't see these image maps on homepage
  6. tuanphan
    You can use Image Zoom Plugin (affiliate link) or this link (non-affiliate link) to achieve this. Or you can message me with your site url, I can help you achieve this.
  7. tuanphan
    If make it same as desktop, the text, I think it will be very long You can consider text (top) image (bottom) or text (bottom) image (top)
  8. tuanphan
    You can use this code to Website > Website Tools > Custom CSS div#block-eae8215a7eb900c66a20 { .summary-item { position: relative; } .summary-content.sqs-gallery-meta-container { position: absolute; top: 50%; left: 50%; width: 100%; text-align: center; transform: translate(-50%,-50%); opacity: 0; z-index: 999; } .summary-title { text-align: center !important; } .summary-thumbnail-outer-container:after { content: ""; background: rgba(255,255,255,0.75); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; pointer-events: none; opacity: 0; transition: all 0.3s; } .summary-item:hover .summary-content.sqs-gallery-meta-container { opacity: 1; } .summary-item:hover .summary-thumbnail-outer-container:after { opacity: 1 !important; transition: all 0.3s; }}
  9. tuanphan
    You can use this code to Website > Website Tools > Custom CSS @media screen and (max-width:1100px) and (min-width:768px) { div#block-4df688642d9b617efc31 .summary-item-list { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 10px 10px; } div#block-4df688642d9b617efc31 .summary-item { width: 100% !important; margin: 0 !important; } }
  10. tuanphan
    Can you share link to page where you use video? I will check it again
  11. tuanphan
    I see you figured it out with this CSS code body[class*="collection-type-blog"].view-item header#header { background-color: #0c1926 !important; }
  12. tuanphan
    You can consider using List Carousel, then I will give new code. Here is an example https://tuanphan.squarespace.com/list-1-1?noredirect pass: abc
  13. tuanphan
    You can use this code to Website > Website Tools > Custom CSS. If it doesn't work, you can share link to page, we can check easier. #collection-6600b7bc68936763b8ce3316 a.btn { display: none !important; }
  14. tuanphan
    Hi, Can you share link to gallery block? We can check easier
  15. tuanphan
    If you share link to page, we can check easier
  16. tuanphan
    You can consider using a Gif instead of static image
  17. tuanphan
    I don't see problem on homepage. Can you take a screenshot, or can you share link to page in your screenshot?
  18. tuanphan
    I think you can try Video Block then use Custom Featured Image
  19. tuanphan
    Unfortunately it only supports certain pages, you can consider replicating your portfolio page with your blog page
  20. tuanphan
    You can use this guide to add gallery block carousel https://forum.squarespace.com/topic/193716-bring-gallery-block-for-71/
  21. tuanphan
    password is incorrect now. Can you check it again?
  22. tuanphan
    You can follow this or share url, or duplicate site and share link to duplicated site
  23. tuanphan
    I don't see text over slideshow. Can you check it again? https://southwindbarbershop.squarespace.com/?noredirect
  24. tuanphan
    Using video is much more complicated, because we cannot insert video through CSS code as above. You will need to use JavaScript code, insert the video tag into each item, then use the same CSS above to achieve the effect. And you may need to set all videos to autoplay, which can make the site run very slow. If you search on forum, there are some threads with code to do this.
  25. tuanphan
    You can adjust top value in 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