Jump to content

tuanphan

Circle Member
  • Posts

    63,866
  • Joined

  • Last visited

  • Days Won

    511

Everything posted by tuanphan

  1. Add to Settings > Advanced > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function() { // title $('h1.ProductItem-details-title').insertBefore('section.ProductItem-summary'); // description $('.ProductItem-details-excerpt').insertAfter('h1.ProductItem-details-title'); // price $('.ProductItem-product-price').insertAfter('.ProductItem-details-excerpt'); }); </script> <style> h1.ProductItem-details-title { text-align: center; } .ProductItem-details-excerpt p { text-align: center !important; } .ProductItem-product-price { text-align: center; } span.afterpayString { display: block; margin-top: 15px; } </style>
  2. Add to Design > Custom CSS /* Hover text mobile */ @media screen and (max-width:767px) { span#hover-element { display: block; } div#hover-div { margin-bottom: 40px; } }
  3. Use this new code <style> header#header { background-color: #6b8373 !important; } .header-nav-item a { color: white !important; } </style>
  4. Add to Design > Custom CSS > Then save & reload the site @media screen and (max-width:767px) { .gallery-fullscreen-slideshow { height: 35vh !important; } }
  5. Don't remove any code in your current code. Add this CSS body.homepage div#collectionDesc p:first-child { position: fixed !important; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; margin: 0 !important; } body.homepage div#collectionDesc p:first-child br { display: none; }
  6. Try adding to Design > Custom CSS /* Mobile Partners logo */ @media screen and (max-width:767px) { div#block-b5d3656d08485264ed98+.row>.col:nth-child(n+2) { width: 50% !important; float: left !important; } }
  7. Change your code to div#block-yui_3_17_2_1_1642110343813_2971 .content-fit { border: 20px solid #bbced8; }
  8. First - second screenshot. You mean Arrows thickness?? It looks fine to me With third, I think your text color code is invalid. Use this new code #block-yui_3_17_2_1_1642110343813_2971 p { color: white; } (I changed #ffff to white)
  9. Use this CSS nav.header-nav-list { flex-wrap: nowrap; }
  10. Can you share link to page where you use bullet points? We can test GG Font code easier. Also do you use Personal, Business or Commerce Plan?
  11. I can't help with this, it needs a lot of code. If you need hover >> change image, I can help.
  12. Can you check site? The loading screen doesn't disapear..
  13. Add this CSS .on-sale .product-price>span:not(.original-price) { color: red !important; }
  14. Add to last line in Code Injection > Footer <script> jQuery(document).ready(function($) { $('<div class="sqs-block-button button-block go-to-cart"><div class="sqs-block-button-container--center"><a href="/cart" class="sqs-block-button-element--small sqs-block-button-element">Go to cart</a></div></div>').insertAfter("div.sqs-add-to-cart-button-wrapper"); }); </script> <style> div.go-to-cart { margin-top: 10px !important; } div.go-to-cart a { display: block; } </style>
  15. This code will disable scroll on all pages on mobile, you should check again.
  16. Click Add Blank + > Next add a Code Block >> Paste the Calendly code
  17. Add to Design > Custom CSS /* Sticky category */ @media screen and (min-width:768px) { .products.collection-content-wrapper .nested-category-tree-wrapper { position: sticky; position: -webkit-sticky; top: 200px; } }
  18. Hi. The site is private. Can you setup password & share url again? We can check easier
  19. Can you share link to a product?
×
×
  • 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.