Jump to content

tuanphan

Circle Member
  • Posts

    66,906
  • Joined

  • Last visited

  • Days Won

    536

Everything posted by tuanphan

  1. Target object class/id with Inspect Element, then add CSS to Home > Design > Custom CSS
  2. Add to Home > Design > Custom CSS .collection-type-blog.view-item .dt-published.post-date { display: none; }
  3. @Katariina123 Add to Home > Design > Custom CSS .sqs-search-page .sqs-main-content { display: none; }
  4. @jg3d Add to Home > Design > Custom CSS /* Entire Site */ .Footer { display: none !important; } If it doesn't work, please share site url to check.
  5. @therealcarlx Add to Home > Design > Custom CSS header#header { position: sticky; top: 0; background: #f2f2f2; }
  6. @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; }
  7. Try adding to Home > Design > Custoom CSS. If it doesn't work, can you share site url? .sqs-announcement-bar-dropzone { height: 15px; }
  8. @CCavanagh Have you solved the problem yet? If no, can you share site url?
  9. @FrancesMc "Like" (heart icon, bottom right) if the answer is correct. Thanks.
  10. @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; } }
  11. @FrancesMc Add to Home > Design > Custom CSS @media screen and (max-width:480px) { .sqs-gallery-block-slideshow .meta { display: block !important; } }
  12. @JoeGrima REmove above, and try this @media screen and (max-width: 640px) { .sqs-lightbox-meta { opacity: 1 !important; bottom: 30% !important; left: 10% !Important; }}
  13. @JoeGrima Try adding to Home > Design > Custom CSS @media screen and (max-width:640px) { .sqs-lightbox-meta { opacity: 1 !important; } }
  14. @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; }
  15. @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
  16. @JoeGrima If you share site url, i can take a look
  17. @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.
  18. @Scaleupmarketing @media screen and (max-width:640px) { h2 span {font-size: 10px !important;} }
  19. @gm284 Home > Design > Custom CSS? Saving css, i'll try checking.
  20. @gm284 1. Replace //// content //// with /* content */ 2. add ; to after eg: padding-left: 10% is incorrect It should be padding-left: 10%; 3. CSS for @media must have { and } eg: @media screen and (min-width:768px) {here CSS} Some of your code is missing characters { or } 4. @media @tablet is incorrect 5. @media screen and (min-width:768px); is incorrect No ; it should be @media screen and (min-width:768px) { css here } In short, your code has many invalid characters Also your code is not optimal. For example, in the first code, if me, I will hide the padding bottom instead of using negative margin bottom
  21. @CaptainMaze Add to Home > Design > Custom CSS .homepage .header-announcement-bar-wrapper { background: rgba(0,0,0,0) !important; }
×
×
  • 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.