Jump to content

tuanphan

Circle Member
  • Posts

    65,051
  • Joined

  • Last visited

  • Days Won

    519

Everything posted by tuanphan

  1. @paul2009 thanks. How did you create the gif image?
  2. @romerodan You can use custom css min-height Add to Home > Design > Custom CSS /* Height for desktop */ @media screen and (min-width:901px) { div#block-yui_3_17_2_1_1572308798174_58865 .image-card.sqs-dynamic-text-container { min-height: 500px; } } /* Height for Tablet */ @media screen and (min-width:641px) and (max-width:900px) { div#block-yui_3_17_2_1_1572308798174_58865 .image-card.sqs-dynamic-text-container { min-height: 300px; } } @erin3 Can you share url?
  3. Target object class/id with Inspect Element, then add CSS to Home > Design > Custom CSS
  4. Add to Home > Design > Custom CSS .collection-type-blog.view-item .dt-published.post-date { display: none; }
  5. @Katariina123 Add to Home > Design > Custom CSS .sqs-search-page .sqs-main-content { display: none; }
  6. @jg3d Add to Home > Design > Custom CSS /* Entire Site */ .Footer { display: none !important; } If it doesn't work, please share site url to check.
  7. @therealcarlx Add to Home > Design > Custom CSS header#header { position: sticky; top: 0; background: #f2f2f2; }
  8. @KristinGibson /* Decrease font size */ .sqs-announcement-bar-text p { font-size: 15px; } /* Decrease height */ .sqs-announcement-bar-text { padding-top: 5px; padding-bottom: 5px; } /* Close icon */ .sqs-announcement-bar-close:after { line-height: 1.5em; }
  9. Try adding to Home > Design > Custoom CSS. If it doesn't work, can you share site url? .sqs-announcement-bar-dropzone { height: 15px; }
  10. @CCavanagh Have you solved the problem yet? If no, can you share site url?
  11. @FrancesMc "Like" (heart icon, bottom right) if the answer is correct. Thanks.
  12. @FrancesMc Please "Like" if the answer is correct Remove above and add this @media screen and (max-width:480px) { /* Show description */ .sqs-gallery-block-slideshow .meta { display: block !important; } /* Font size */ .sqs-gallery-block-slideshow .meta * { font-size: 12px !important; } }
  13. @FrancesMc Add to Home > Design > Custom CSS @media screen and (max-width:480px) { .sqs-gallery-block-slideshow .meta { display: block !important; } }
  14. @JoeGrima REmove above, and try this @media screen and (max-width: 640px) { .sqs-lightbox-meta { opacity: 1 !important; bottom: 30% !important; left: 10% !Important; }}
  15. @JoeGrima Try adding to Home > Design > Custom CSS @media screen and (max-width:640px) { .sqs-lightbox-meta { opacity: 1 !important; } }
  16. @cherylr You can use code above, or use this Add to Home > Design > Custom CSS a.Mobile-bar-branding:after { content: "WARDROBE STYLIST New York | Los Angeles"; display: block; margin-top: 20px; font-size: 15px; font-family: monospace; color: #333; }
  17. @jameskendy The tutorial you posted is WORDPRESS, not SQUARESPACE Add this code to Home > Design > Custom CSS .sqs-add-to-cart-button-wrapper { display: none; } REference: https://beaverhero.com/adirondack-squarespace/#Remove_Add_to_Cart
  18. @JoeGrima If you share site url, i can take a look
  19. @basakatac Add to Home > Design > Custom CSS if you want to use white logo body#collection-5d929569ed1a224763913fb9 .header-title-logo img, body#collection-abcxyz2t43td1a224763913fb9 .header-title-logo img { -webkit-filter: invert(1); filter: invert(1); } with body#collection....b9 and is Page ID. Each page will have different ID. See how to find page id.
  20. @Scaleupmarketing @media screen and (max-width:640px) { h2 span {font-size: 10px !important;} }
  21. @gm284 Home > Design > Custom CSS? Saving css, i'll try checking.
×
×
  • 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.