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
    You can add this code to Website > Website Tools (under Not Linked) > Custom CSS div.form-block .form-wrapper div.caption-text { font-size: 20px !important; } div.option span { font-size: 14px !important; } div.form-block fieldset.form-item p.description { font-size: 18px !important; }
  2. tuanphan
    Hi, You can add 2 videos, then share site url, we can give you code to show 1 on desktop, show another on mobile
  3. tuanphan
    Try adding this code to Website > Page > Website Tools (under Not Linked) > Custom CSS @media screen and (max-width:900px) and (min-width:641px) { div#mobileNav { visibility: visible !important; } div#mobileMenuLink { display: block !important; visibility: visible; text-align: center; margin-bottom: 20px; margin-top: 0; } div#topNav { display: none; } }
  4. tuanphan
    Hi, I see you already figured it out?
  5. tuanphan
    Your Squarespace site is expired, suppose your site is icon.squarespace.com just access this link to extend it for free icon.squarespace.com/config/extendtrial
  6. tuanphan
    You can use this CSS code span.chevron.chevron--left { width: 0.2em !important; height: 0.2em !important; position: relative; top: 3px; }
  7. tuanphan
    You can follow this link to share url
  8. tuanphan
    Update #23, #24, #25 code (invert logo color)
  9. tuanphan
    Add this code to Website > Website Tools (under Not Linked) > Custom CSS @media screen and (min-width: 768px) { .fe-65563c9a9c92a6339e4fd014 .fe-block:not(.fe-block-de011ed580ad1a8d2a6f) .sqs-block-image img { opacity: 0; animation: fadeIn 1s forwards; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } div#block-7a05e8e0494f272025f4 img { animation-delay: 0s; } div#block-e102033346a698f626d2 img { animation-delay: 2s; } div#block-becb520cf9deaebfa9ec img { animation-delay: 4s; } div#block-b25e3cbc6b414dd18900 img { animation-delay: 6s; } }
  10. tuanphan
    Hi, The only way is use Code Block to add (2) code, then style it same as Squarespace button If you still want this, let me know, I will test then give you exact code
  11. tuanphan
    Can you share link to blog post on your site?
  12. tuanphan
    Hi, You can add it to Additional Info, then share link to a product, we can give code to move it under add to cart
  13. tuanphan
    Hi, Can you share link to portfolio page? We can check easier
  14. tuanphan
    Try adding this code to Website > Website Tools (under Not Linked) > Custom CSS /* Vimeo padding */ .fe-655c288c15482d39e3555851 { grid-template-rows: repeat(23,minmax(calc(~"var(--container-width) * var(--row-height-scaling-factor)"), auto)) !important; }
  15. tuanphan
    Use this code instead body.view-item.collection-type-products #header { background-image: url(https://static1.squarespace.com/static/56172c18e4b092405575cb78/t/655bfe5479dfb615bf845e00/1700527701550/517.jpeg?format=2500w); background-position: center center; background-size: cover; background-repeat: no-repeat; padding: 72px 20px 72px; }
  16. tuanphan
    You can reduce spacing by adding this to Website > Website Tools > Custom CSS @media screen and (min-width:992px) { div.container.header-menu-nav-item a { margin-top: 10px !important; margin-bottom: 10px !important; } }
  17. tuanphan
    Try adding to Website > Website Tools > Custom CSS /* resize mobile slideshow */ @media screen and (max-width:767px) { .gallery-slideshow { height: 30vh !important; } }
  18. tuanphan
    Yesterday I solved a similar case, but with uploaded video, not Vimeo or Youtube, use JS code (hover text >> play or pause video)
  19. tuanphan
    Hi, What is site url? We can check easier
  20. tuanphan
    Hi, It shows fine to me, Chrome/Samsung
  21. tuanphan
    You can use this code
  22. tuanphan
    You can use Video Lightbox Plugin I mentioned above
  23. tuanphan
    Site title in top left: it already an option when you edit Header Layout a tagline/description in middle of screen >> we can use a line of CSS code to achieve this some project links at bottom of screen, hover on each link >> show a large image in middle of screen>> I think you can use Portfolio Page, but the links will be on middle of screen, we can try some CSS code to float it to bottom of screen. Hover on each links + hide tag line: Not sure this is possible or not
  24. tuanphan
    Try adding to Website > Website Tools (under Not Linked) > Custom CSS div.variant-select-wrapper option { font-size: 30px !important; }
  25. tuanphan
    Can you share link to page where you have problem?
×
×
  • 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