Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    65,482

  • Joined

  • Last visited

  • Days Won

    521

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    You mean change this menu item position? Which position?
  2. tuanphan
    div.header-nav-item a will affects both main item + dropdown items but div.header-nav-item>a will affect main item only, it won't affect dropdown items You can base on this to adjust all the code above
  3. tuanphan
    You can use this code to Website > Website Tools > Custom CSS (if you need to resize text, I will give another code) @media screen and (max-width:640px) { body#collection-648fd387518f87218ded629c section.Intro figure img { width: 100% !important; height: auto !important; left: 0 !important; } }
  4. tuanphan
    Try this code to Website > Website Tools > Custom CSS span.course-item__next-lesson-text.course-item__next-lesson-text--incomplete { font-size: 0; } span.course-item__next-lesson-text.course-item__next-lesson-text--incomplete:before { content: "Next Course"; font-size: 18px; }
  5. tuanphan
    Can you send embed code? I can try testing it on my site
  6. tuanphan
    I think he used this code
  7. tuanphan
    Can you change to Half first? We can check problem easier
  8. tuanphan
    Use #2 code, I just tested #2 code
  9. tuanphan
    Can you share link to this product? I can't see it in your screenshot
  10. tuanphan
    You can open Universal Filter Plugin Documentation Page and scroll to this position
  11. tuanphan
    Does this screenshot in screen size 990 to 1100? The code run from 990 to 1100px only
  12. tuanphan
    Have you solved this yet? If no, can you share site url?
  13. tuanphan
    Use this new code div#block-b310c8d0a6fda8af9b05 { .summary-item { margin-bottom: 0px !important; } .summary-thumbnail-container { padding-bottom: 56.25% !important; } .summary-thumbnail-container img { position: absolute !important; top: 0; left: 0; width: 100% !important; height: 100% !important; }}
  14. tuanphan
    Try this code to Custom CSS box @media screen and (min-width:992px) { div#block-yui_3_17_2_1_1708106732776_3438 video { height: auto !important; } div#block-yui_3_17_2_1_1708106732776_3438 { justify-content: flex-start !important; } div#block-yui_3_17_2_1_1708106732776_3438 .native-video-player.video-player.video-player--medium { padding-top: 102% !important; } }
  15. tuanphan
    Add this code under @media screen and (min-width:992px) { body.homepage article section:first-child { min-height: unset !important; height: 61px !important; } }
  16. tuanphan
    Use this code to Website > Website Tools > Custom CSS @media screen and (min-width:992px) { .user-items-list-item-container[data-section-id="65c6423c3677b734f5593cf5"] li:nth-child(n+5) { position: relative; left: calc(~"50% + 25px"); } }
  17. tuanphan
    I see you solved? Or no, but if make it fullsize, we will need to reduce its height
  18. tuanphan
    Not sure, but I see this note on Instructions file, you try contacting plugin author to see if his plugin still support Personal Plan or not
  19. tuanphan
    You can use CSS code to limit text width, by adding this to Cover Page Header Code Injection (do not add to Custom CSS) <style> @media screen and (min-width:992px) { h1#sqs-slash-page-header { max-width: 450px; } } </style>
  20. tuanphan
    Try changing from Gallery Masonry to Gallery Grid and check again
  21. tuanphan
    Can you check Code Injection or Page Header Code Injection? to see if you use any code there
  22. tuanphan
    You can consider changing section with problem to Classic Editor section If you can't do it, let me know, we will try some CSS code to remove space
  23. tuanphan
    See this answer
  24. tuanphan
    You can use a Lightbox Plugin (affiliate link) or this link (non-affiliate link) to achieve this I created a quick demo for you here: https://tuanphan.squarespace.com/hover-text-show-lightbox-1?noredirect (use Image Block) or https://tuanphan.squarespace.com/gallery-page-with-lightbox-1?noredirect (use Gallery Section) password: abc You can enable Lightbox appears by Hover or Click. You can use Lightbox with any blocks (Gallery Block, Gallery Section, Carousel, Text Block, Image Block, Video Block, Code Block, Button Blocks, Navigation Items, Header Buttons..)
  25. tuanphan
    Can you share link to this page?
×
×
  • 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