Jump to content

tuanphan

Circle Member
  • Posts

    64,655
  • Joined

  • Last visited

  • Days Won

    516

Everything posted by tuanphan

  1. You can edit Gallery > Enable Caption > Next edit each image > Add text in Description box > Text will appear under Reel > When you've done this, we can give the code to move text over image
  2. I see there is a link in Source Code You try checking in Code Injection, Page Header Code Injection, Code Block, Embed Block to see if you added any links there?
  3. You can use this plugin, If you need a demo, let me know, I can create a quick demo for you (I'm not plugin author) https://www.will-myers.com/products/p/sliding-image-banner
  4. Remove above CSS code Add this code to Homepage Header Code Injection <style> .slide .image-slide-title { top: 50% !important; left: 50% !important; transform: translate(-50%,-50%) !important; height: 100% !important; width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; } .image-slide-title span { position: absolute !important; top: 80px; left: 80px; z-index: 999999; font-size: 10px !important; font-family: monospace !important; } </style> I added to above code
  5. If you share link to page where you have problem, we can check problem easier
  6. I don't see problem on Team page. Can you check it again?
  7. Hi, Video doesn't play on mobile or Video doesn't show fullsize on mobile?
  8. You can add a blank section above current banner image, then use this CSS code to make it minimum height body.homepage article section:first-child { min-height: unset !important; height: 83px !important; }
  9. Use this code to Website > Website Tools > Custom CSS body.homepage article section:first-child { padding-top: 0px !important; } body.homepage header#header, body.homepage .header-background-solid { background-color: transparent !important; }
  10. Edit Summary > Click Design Tab > Choose Grid instead of Wall
  11. You try upload a photo, to see if problem still appears or not
  12. I think it is custom featured image from video, you try checking video to see if it has any options to adjust featured image
  13. You try using Classic Editor Section instead, the last problem won't appear
  14. Hover on Homepage on Main Navigation or Not Linked> Click Gear icon > Advanced > Look right box > Can you paste all code here? I think you added something here
  15. Try this CSS code @media screen and (min-width:1800px) { body.homepage .banner-thumbnail-wrapper { min-height: 300px; } }
  16. So you want to align left content in blog post detail page? https://www.olivierchassot.com/blog/2016/05/28/celebration
  17. This code caused problem you can find & change it to @media screen and (max-width: 640px) { a:not(.sqs-block-image-link) { font-size:20px !important; padding-top: 10px; padding-bottom: 10px; padding-right: 15px } }
  18. You mean prevent this text wrap on mobile + smaller screens?
  19. Hover on Resources Page in Not Linked > Click Gear icon > Advanced > And check if you have any text in right box
  20. You mean you have more items, but now it shows 16 items only?
  21. Text too long, it will overflow the image You can consider using Lightbox I created a quick example for you here https://tuanphan.squarespace.com/hover-text-show-lightbox-1?noredirect pass: abc
  22. Try this code to Website > Website Tools > Custom CSS body, html { overflow-x: hidden; }
×
×
  • 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.