Jump to content

tuanphan

Circle Member
  • Posts

    66,343
  • Joined

  • Last visited

  • Days Won

    531

Everything posted by tuanphan

  1. @DKVR Remove the code .image-block { transition: filter .3s ease-in-out; filter: grayscale(100%) } .image-block:hover { filter: grayscale(0%) } and replace with div#page-5d3a732e5476100001b1464f .image-block { transition: filter .3s ease-in-out; filter: grayscale(100%) } div#page-5d3a732e5476100001b1464f .image-block:hover { filter: grayscale(0%) }
  2. @BitBloggist Add to Home > Design > Custom CSS @media screen and (max-width:640px) { /* Blog Post Title */ .view-item.collection-type-blog h1.BlogItem-title { text-align: left; font-size: 15px; } /* Post Meta */ .view-item.collection-type-blog .Blog-meta.BlogItem-meta { justify-content: left; } }
  3. @heydanbrowne You want them to scroll at different speeds? Or scroll one, and the other doesn't? Or you want to exhibition scroll to half, and then fairs start to scroll?
  4. @JWny2019 Question 1. Wrap my code in this code @media screen and (min-width:641px) { PASTE THE CODE I SENT } Question 2 @media screen and (max-width:640px) { button.Mobile-bar-menu { margin-top: -20px; } }
  5. @swayy @yashlunagaria Seems problem has been resolved?
  6. @StephenWise1999 Add to Home > Design > Custom CSS /* Change dropdown menu background */ .header-nav-folder-content { background: #febf00 !important; }
  7. @JWny2019 body#collection-5d34a0842c08a5000178cea9 .Main-content { padding: 70px 50px; }
  8. @JWny2019 .Header-inner { padding-left: 10px; padding-right: 10px; } Do you want to disable click when hovering over an image? Or change the mouse pointer icon when hovering over the image? Click Accept Answer if it worked. Other members can use it!
  9. @11squared Try <script> $('.product-price').each(function() { var text = $(this).text(); $(this).text(text.replace('from', '')); }); </script>
  10. @JWny2019 Question 1. Align left or right or..? Question 2. a.Header-branding { padding-top: 20px !important; } Question 3. .Header-inner--top { padding-bottom: 15px; }
  11. @11squared I just asked a friend. Hope he hasn't been off for the weekend
  12. @11squared Use this code <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $(document).ready(function() { var text = $('.ProductItem-details .product-price').text(); text = text.remove ('from'); $('.ProductItem-details .product-price').text(text); }); </script>
  13. @11squared It need JavaScript or jQuery to handle. Please remove CSS I just sent. And i will check again.
  14. @11squared With that site url. You can add to Home > Design > Custom CSS /* Hide from & Price */ .product-price { visibility: hidden; } /* Unhide price */ span.sqs-money-native { visibility: visible; display: block; }
  15. @hollykandesign You should share site url. Each site will need different custom code.
  16. @kelpcreative You're welcome. You can click Accept Answer. Other members can use if they know it worked.
  17. @kelpcreative Try adding to Home > Design > Custom CSS div#product-component-7c99128320b { display: none; }
  18. Can you take screenshot of button which you want to hide? I don' see that button
  19. You can use CSS to hide add to card footer. I don't see add to cart footer?
×
×
  • 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.