Jump to content

tuanphan

Circle Member
  • Posts

    64,701
  • Joined

  • Last visited

  • Days Won

    516

Everything posted by tuanphan

  1. Mobile menu already show on tablet. Or you mean table landscape mode?
  2. You mean when users click Header button > Show this code features on a lightbox?
  3. Can you paste custom code here? We can test easier Click this icon then paste code
  4. Can you share link to page where you use list? I can check it again easier
  5. You can fix by adding this line to Website Tools (under Not Linked) > Custom CSS body, html { overflow-x: hidden; }
  6. @JoseEsteves1 You can use this code to Website Tools > Custom CSS @media screen and (max-width:767px) { .pdp-layout .pdp-details .pdp-details-title { text-align: center !important; } }
  7. I see you figured it out? It already center
  8. Use this CSS code if you need to change Footer text color on Homepage Only body#collection-65aeef23d9a9cf7135fc8ad3 footer.sections * { color: #f1f !important; }
  9. With this case you can increase iframe height by using this code to Custom CSS box iframe[src*="squareup"] { height: 700px !important; }
  10. You can use this code to Website Tools > Custom CSS to change on /commercial page body#collection-65a85fdd83e10e635b5d1787 .portfolio-grid-basic .grid-item .grid-image { padding-bottom: 56.25% !important; }
  11. You can add 2 galleries, then share link to page, we can check & give you code to achieve this
  12. Try change url in href to https://tinyurl.com/ynwzxx38
  13. The site is private. You can setup an access password, we can check easier
  14. Add to Website Tools (under Not Linked) > Custom CSS body#collection-63dd5a5ffadc43118d546d68 header#header img { content: url(https://cdn.pixabay.com/photo/2023/05/25/07/38/antarctica-8016562_1280.jpg); }
  15. You try this code to Custom CSS div.form-block label, div.form-block label * { color: white !important; }
  16. You can use this code to Custom CSS footer#footer-sections { border-top: 1.5px solid black; } footer.sections { --sqs-site-max-width: 100% !important; }
  17. You can use below code with this tool to find data section id https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff
  18. Some CSS code for Cart Page. You need to add it to Custom CSS #1. Rename Cart Title /* Rename Cart Title */ h2.cart-title { visibility: hidden; } h2.cart-title:before { visibility: visible; content: "New Shop Title"; } #2. Align center Cart Title /* Align center Cart Title */ h2.cart-title { text-align: center; } #3. Add a subtext under Cart Title /* Add a subtext under Cart Title */ h2.cart-title:after { content: "Cart sub text"; display: block; font-size: 14px; } #4. Rename “You have nothing in your shopping cart” text /* Rename You have nothing in your shopping cart text */ p.empty-message { visibility: hidden; } p.empty-message:before { visibility: visible; content: "enter new text here"; } #5. Rename “Continue Shopping” text /* Rename Continue Shopping text */ a.cart-continue-button { color: transparent !important; position: relative; } a.cart-continue-button:after { color: #fff; content: 'Enter New Text'; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; } #6. Product thumbnail size /* product thumbnail size */ .cart-row-img-wrapper { width: 190px !important; } #7. Variant size color /* Variant size color */ p.cart-row-variant { color: #f1f; font-size: 20px !important; } #8. Remove quantity /* remove quantity */ .cart-row-qty { display: none !important; } #9. Remove Price /* remove price */ p.cart-row-price { display: none; } .cart-subtotal { display: none; } #10. X remove color /* X Color */ .cart-row-remove svg { fill: #f1f !important; } #11. Add a text under the checkout button /* add a text under checkout button */ .cart-checkout:after { content: "enter new text here"; text-align: left; font-size: 20px; margin-top: 10px; } #12. Remove checkout button /* remove checkout button */ .cart-checkout-button { display: none !important; } If you have any other questions, just comment below.
×
×
  • 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.