Jump to content

tuanphan

Circle Member
  • Posts

    65,363
  • Joined

  • Last visited

  • Days Won

    521

Everything posted by tuanphan

  1. If you want to apply to all blog posts (detail post), use this to Custom CSS body[class*="type-blog"].view-item .Header-branding-logo { filter: invert(1); -webkit-filter: invert(1); }
  2. Footer looks fine with code. Can you take a screenshot & describe in more detail of problem?
  3. Can you share link to page where you added this? We can check easier
  4. Add this CSS @media screen and (max-width:767px) { .sqs-gallery-design-carousel .sqs-gallery-controls { display: none !important; } }
  5. The site is private now. Can you check it again?
  6. Do you have a quick image/video? I can't access that link https://javascript.plainenglish.io/stacking-cards-with-pure-css-and-a-dash-of-javascript-45e1647d471d
  7. Change it to @media screen and (min-width:992px) { /* Custom Portfolio Page */ a.grid-item:first-child, a.grid-item:nth-child(6), a.grid-item:nth-child(11) { grid-column: ~"1 / 3" !important; } }
  8. Second code, class name is correct, but you need to add !important, for example font-family: montserrat !important; font-weight: 700 !important;
  9. You try this CSS code under .sqs-gallery-design-carousel .sqs-gallery-controls { overflow: visible !important; } .sqs-gallery-design-carousel .sqs-gallery-controls .next:hover:before, .sqs-gallery-design-carousel .sqs-gallery-controls .previous:hover:before { transform: scale(1.05); }
  10. Can you share link to homepage? We can check easier
  11. Yes. Possible with Personal Plan. 2 options Option 1. You can edit current page > Add a Code Block (anywhere) > Then paste the code Option 2. Add Page ID before the code and add to Custom CSS box. With this way, you need to share link to page where you use carousel, we can check Page ID and give you code
  12. Hi, Can you share links to 2 shops? We can check easier
  13. It looks fine on my Chrome. Can you take a screenshot or quick video on your end?
  14. You mean change top banner image on refresh or change Code Block image? Currently I see Code Block but no image on Code Block, it show blank white only
  15. You can add padding-left to the code [data-section-id="64d627e2914c341ebfcfc9e3"] .content-wrapper { padding-right: 0px !important; max-width: 100% !important; padding-left: 5vw !important; }
  16. If you share link to your site, we can help you easier
  17. If reduce size, you can use this to Website > Website Tools > Custom CSS .product-block .productDetails .product-title { font-size: 1.5em !important; } .product-block .productDetails .product-price { font-size: 0.9em !important; }
  18. Or just use this code .menu-block .menu-style-classic .menu-items { column-count: 2; }
  19. Use this CSS code body.homepage header#header.shrink { background-color: #fff !important } body.homepage header#header.shrink div.header-nav-item>a { color: #000 !important } body.homepage header#header.shrink .header-title-logo a { filter: invert(1) } body.homepage header#header.shrink a.btn { color: #000; border-color: #000 } body.homepage header#header.shrink .sqs-cart-quantity { color: #000 } body.homepage header#header.shrink .icon--cart { fill: #000 } body.homepage:not(.header--menu-open) header#header.shrink .burger-inner>div { background-color: #000 !important }
  20. Yes. You want to add above menu items, under menu items, above social icons or which position? And which text? Static text or text with links?
  21. Use this CSS code .field-list .mkTKK6Se1WSWC0Psa20C { font-size: 17px !important; }
  22. The site is expired. You can access this link to extend it for free The code is quite complex so will take some time to test
×
×
  • 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.