humxahafeex

Hi I just edited the Code Please use that one 🙂

Hi @Donald_P Please use the following code in DESIGN>CUSTOM CSS. .summary-product-status>.product-mark { background-color: #f00 !important; line-height: 3em !Important; text-align: center !Important; border-radius: 50% !important; width: 45px !important; height: 45px !Important; } .sqs-product-quick-view-button-wrapper>.sqs-product-quick-view-button { background-color: #f00 !important; width: 75px !Important; height: 75px !important; padding: 0.8em !Important; line-height: 2.2em !important; text-align: center; border-radius: 50% !important; } It will do the Job , Please do mark it as solved if it works 🙂

Hi , At the moment they don't have such integration with squarespace , only solution is to wait or switch the shop to some other platform.

Hi , Eavn you do it with css but I recommend you to just hide the footer on your home page and put the contact under the buttons you created this way you can get the desired look you want. to hide footer on home page just add code block on homepage and type in the following code in it. <style> footer{ display:none !important; } </style> Hope it helps 🙂

Hi , I see you are using font awesome 5 verison , meanwhile code provided here was for fontawesome 3 , Please do the following: Replace first line of code with the following line : <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/fontawesome.min.css" integrity="sha512-8jdwayz5n8F2cnW26l9vpV6+yGOcRAqz6HTu+DQ3FtVIAts2gTdlFZOGpYhvBMXkWEgxPN3Y22UWyZXuDowNLA==" crossorigin="anonymous" /> It will gonna fix the issue for you 🙂

Hi , Will you please show your code , where you made edits so I can look in to it 🙂

Glad it worked , Please do share your website link so I can provide you with the code 🙂

Hi , It's quite easy , Wil you please share your website Link so We can provide you with the code 🙂

Oh I though you was talking about the auto filling of Cart form , Unfortunatley This can't be done in any way possible as Squaresapce manages this functionality , But as work around you can add a anoucment banner on top in which you can direct customer to avoid using the auto adderss seletcor etc 🙂

Hi , It's Easy , Simply copy the code below and paste in Settings>Advance>Code Injection and paste it in Header: <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script> <script> $(document).ready(function(){ $( document ).on( 'focus', ':input', function(){ $( this ).attr( 'autocomplete', 'off' ); }); }); </script> Please Have a look and let me know if it works 🙂

Hi , Been Busy for a while , Sure here you Go Hope it helps 🙂 <div class="sqs-svg-icon--outer social-icon-alignment-center social-icons-color-white social-icons-size-small social-icons-style-regular "> <nav class="sqs-svg-icon--list"> <a href="YOUR FACEBOOK LINK" target="_blank" class="sqs-svg-icon--wrapper facebook-unauth"> <div> <svg class="sqs-svg-icon--social" viewBox="0 0 64 64"> <use class="sqs-use--icon" xlink:href="/universal/svg/social-accounts.svg#facebook-unauth-icon"></use> <use class="sqs-use--mask" xlink:href="/universal/svg/social-accounts.svg#facebook-unauth-mask"></use> </svg> </div> </a><a href="YOUR INSTA LINK" target="_blank" class="sqs-svg-icon--wrapper instagram-unauth"> <div> <svg class="sqs-svg-icon--social" viewBox="0 0 64 64"> <use class="sqs-use--icon" xlink:href="/universal/svg/social-accounts.svg#instagram-unauth-icon"></use> <use class="sqs-use--mask" xlink:href="/universal/svg/social-accounts.svg#instagram-unauth-mask"></use> </svg> </div> </a><a href="YOUR TWITTER LINK" target="_blank" class="sqs-svg-icon--wrapper twitter-unauth"> <div> <svg class="sqs-svg-icon--social" viewBox="0 0 64 64"> <use class="sqs-use--icon" xlink:href="/universal/svg/social-accounts.svg#twitter-unauth-icon"></use> <use class="sqs-use--mask" xlink:href="/universal/svg/social-accounts.svg#twitter-unauth-mask"></use> </svg> </div> </a><a href="YOUR YOUTUBE LINK" target="_blank" class="sqs-svg-icon--wrapper youtube-unauth"> <div> <svg class="sqs-svg-icon--social" viewBox="0 0 64 64"> <use class="sqs-use--icon" xlink:href="/universal/svg/social-accounts.svg#youtube-unauth-icon"></use> <use class="sqs-use--mask" xlink:href="/universal/svg/social-accounts.svg#youtube-unauth-mask"></use> </svg> </div> </a><a href="YOUR MAILING ADDRESS" target="_blank" class="sqs-svg-icon--wrapper email"> <div> <svg class="sqs-svg-icon--social" viewBox="0 0 64 64"> <use class="sqs-use--icon" xlink:href="/universal/svg/social-accounts.svg#email-icon"></use> <use class="sqs-use--mask" xlink:href="/universal/svg/social-accounts.svg#email-mask"></use> </svg> </div> </a> </nav> </div>

Hi , Glad It Helped 🙂 Please do Mark it as Solved so It will help others as well 🙂

Please share your website link also the code you are using 🙂

Hi , Do you want spacing between first and second line of product title?

Hi , You can Simply Fix it by adding the following code in HOME>DESIGN>CUSTOM CSS .page-section.vertical-alignment--top:not(.content-collection):not(.gallery-section):not(.section-height--custom)>.content-wrapper { padding-top: 0px !important; } Hope it helps and fix the issue 🙂

Hi @colinsteinke Unfortunatley they don't have any integration/Service for squarespace yet 😞 Also there is no way around to get it done.

Hi , You can simple add the following code to the HOME>DESIGN>CUSTOM CSS and it will reduce the wifth of add to cart button by 50% Also I can see your newsletter button has same width as other buttons. .sqs-add-to-cart-button { width: 50% !important; } Hope it helps 🙂

Hi , You can do this easily as each individual page has a header in which you can use the CSS Let me send you sample code which you can use in page headers. You can use the following code in Page headers to get it done 🙂 <style> h1{ font-family:'Raleway !important'; } h2{ font-family:'Playfair Display !important'; } h3{ font-family:'Playfair Display !important'; } p{ font-family:'Raleway !important'; } </style> Instead of playfair display , raleway etc you can type in the font name you want to use. To get it working you have to Click on Gear icon in from of page name (screenshot attched) it will pop up the menu then go to Advance then paste the code in the space(pic attahced) Hope it Helps.

Hi , Yeah I am Working on it , It works on Images smoothly , Now working on to get it worked on lightbox , Will let you know real soon 🙂

Hi @francescalo you can get it done in just 2 Steps , easily Let me share a code with you 🙂 Step 1 : Copy & Paste the follwoing code in HOME>DESIGN>CUSTOM CSS section. .Cart-inner>.icon{ display:none; } Step 2: Copy & Paste the follwoing code in SETTINGS>ADVANCE>CODE INJECTION and paste in FOOTER section. <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"> <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script> <script> $(".Cart-inner").append("<i class='fa fa-shopping-bag' aria-hidden='true'></i>"); </script> It will do the Job 🙂 Screenshot is attahced on how it will look like 🙂 If it answers the question don't forget to mark it as solved 🙂

Hi I see you already have added shadows on Images , If you want to add border you can use the following code in HOME > DESIGN>CSS .ProductItem-gallery-slides-item{ border:1px solid black !important; } Hope it helps 🙂

Hi @Marik this issue can't be solved through Css , I did search a bit and couldn't found any solution either , I think we have to wait until unless it get added in 7.1.

Please share link of your website.

I am glad It Helped 🙂

Hi , If you can do code then you can use WheelZoom.js (https://www.jacklmoore.com/wheelzoom/) it has great documentation you can easily go through it and implement it on your website. If you do need any help you can message me. 🙂