Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search


  • Posts

  • Joined

  • Last visited

  • Days Won


Everything posted by Agha_Waqas

  1. Hi. i review it and it seems like the custom code is blocking it. please remove below code from your CSS editor. .summary-thumbnail-container { pointer-events: none !important; }
  2. Hi, You need to remove the top padding of the section. below is the code. [data-section-id="611d47af4095211195eef4f4"] { padding-top: 0 !important; }
  3. Hi yes we can create this effect. will you share the website where you want to add it i will share you the code,
  4. hi, you can use below code into CSS editor to make the quick button and font size small. .sqs-product-quick-view-button { padding: 8px !important; font-size: xx-small !important;}
  5. Hi, You can simply add spacing between the "cart icon" and "back to top" buttons by following below code. so both buttons show on the bottom right corner with no mess. .floating-cart {bottom: 80px !important;} or if you want to remove the "back to top" the code will be in the Header code injection. go to settings> advance > code injection
  6. Hi, yes you can add it by using below code into CSS editor .header-menu--folder-list .header-menu-nav { border-top: 1px solid #000 !important; }
  7. ahh yes maybe you are seeing on wrong one. please check this "Malcolm DeFils" this team member and onwards.
  8. hi. i just check the source code it seems like the div you hide, it have space after the anchors tag,below is a code which is show in inspect element <a href="#" data-featherlight="#bio-nan"></a>&nbsp;&nbsp;</div> Remove this space it will fix.
  9. you can use below code with the first name and last name inputs. @media (min-width: 768px) { [data-form-id="60df7f0994f5130f65de1b70"] { display: flex !important; justify-content: space-between !important; align-items: center !important; .field-list { display: flex !important; fieldset { display: flex !important; justify-content: space-between !important; margin: 0 2% 0 0 !important; flex-basis: 46% !important; .field { float: none !important; margin-left: 0 !important; } } } .form-button-wrapper { margin-left: 2% !important; input { margin-top: -3vw !important; } } } }
  10. Hi. Paste below code into Code injection area. Setting > Advanced > Code injection > header <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script>$(document).ready(function () { $("#site-title").attr("href", "https://www.mysamplesite.com/home"); }); </script>
  11. hi, you can try below code. @media screen and (max-width: 520px) { .homepage .sqs-gallery-block-slideshow { height: 100% !important; .slide { img { width: 100% !important; height: auto !important; } } } }
  12. Hi, you can try below code into CSS @media (min-width: 600px) { #page-section-60cd165f32da3f557a42125b { .sqs-row { display: flex; justify-content: center; align-items: center; } } } otherwise second option is photoshopped the all images with the same height.
  13. hi. below code is for the product page. .ProductItem-gallery { position: -webkit-sticky; position: sticky; top: 0; }
  14. Hi, you can add below code into CSS editor @media (max-width: 520px) { #collection-54f374a2e4b0565a8a7a4382 { #banner-wrapper { .title-desc-wrapper .page-desc p { font-size: 20px !important; } } } }
  15. Hi Luke, Try below code into css. Adjust margin left according to your need. .header-menu-nav-folder-content .header-menu-nav-folder-content span:nth-child(2){ margin-left: 30px; }
  16. Hi, Yes it is possible, I recently Made this one of my client. You will inbox me if you discuss with me further on it. Thanks.
  17. Hi, see this instruction might be it will work for you. It embed pdf via google drive into website. You will add embedded code into code block in squarespace.
  18. Hi, add below code into CSS editor // For the Desktop and mobile CTA .header-actions-action a, .header-menu-cta a { font-family: "Open Sans Light" !important; } // For the Form .sqs-block-form .field-list .title, .sqs-block-form .field-list .caption, .form-wrapper .field-list .field .field-element, .sqs-block-form .field-list select, .form-wrapper .field-list textarea, body:not(.button-style-default) .sqs-block-form .sqs-editable-button { font-family: "Open Sans Light" !important; }
  19. Hi you can add below script into footer injection <script> var all_links = document.querySelectorAll(".portfolio-hover-items-list li a"); for(var i=0; i<all_links.length; i++){ all_links[i].removeAttribute("href"); } </script>
  20. Hi man, you can simply use accordion instead of the dropdown, accordion is also working as an dropdown for you. See here how to make accordion in square space.
  21. Hi. Man its working for me on Firefox.
  22. Hi add below code into CSS editor. #block-yui_3_17_2_1_1622565046388_29210 { padding-top: 0 !important;} #block-e7dd3c9cfae7c109a2fd { padding-bottom: 0 !important;}
  23. Hi, Add below code into CSS editor .sqs-lightbox-meta p { color: #fff !important; }
  24. Hi do you try this option which square space gives, screenshot attached.
  • Create New...