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


Circle Member
  • Content Count

  • Joined

  • Last visited

About DPruitt

  • Rank
    Squarespace Expert

Personal Information

Recent Profile Visitors

43 profile views
  1. @media screen and (max-width: 767px) { section.page-section:first-child .section-background{display:none} }
  2. Here you go everyone. This fixes both the Product Slideshow image and the lightbox image to be 100% height of the container: /*Product Image Fix*/ .products.collection-content-wrapper .ProductItem-gallery-slides-item-image { object-fit: contain !important; object-position: top; width: 100% !important; height: 100% !important; position: static !important; } .gallery-lightbox-item img { object-fit: contain !important; object-position: middle; width: 100% !important; height: 100% !important; position: static !important; } .grid-item img { width: 1
  3. This should be able to assist you in making the specific change: #collection-5e7116a5d59115318c711877 #page {background-color: #FFFFFF;}
  4. For the cart specifically: @media (min-width: 768px) { #cart .header .header-announcement-bar-wrapper { padding-left: 9%; padding-right: 9%;} .system-page { padding-left: 9%; padding-right: 9%;} } .CartTableRow-itemPrice-26eXS { white-space: pre-wrap;}
  5. Here you go everyone. This is a free work around to get your share buttons on all of your blog posts within Squarespace 7.1 below your Blog h1 Title: 1. Sign-up with sharethis.com 2. Copy the sharethis.com code snippet and paste it within the Blog Header Injection. 3. Also add this code snippet to the Blog Header Injection: <script src="https://code.jquery.com/jquery-3.5.0.js"></script> <script> $(document).ready(function() { $('<div class="sharethis-inline-share-buttons"></div>').appendTo('.blog-item-title'); }); </script> 4. Add a lit
  6. -The Process is now updated with Javascript to accomplish same window functionality for the first social link within the header.
  7. Yep, you can do the same thing with your social links: 1. First enable your social links in your header.2. Add a Link to the beginning of your Social Link List https://www.yourdomain.com/search3. Add your Font Awesome Script to your Header Injection.4. Add your css: /*Custom Search Bar*/ .header-actions--right .header-actions-action--social .icon:first-child {visibility:hidden} .header-actions--right .header-actions-action--social .icon:first-child:after { content: '\f002'; font-family: FontAwesome; position: absolute; margin-left:-1vw; margin-top: 3px; font-size: 15px; color:lightg
  8. Anyone using Font Awesome wanting the search icon within the DIV Social Icon Wrapper of the header, here you go: 1. First enable your social links in your header. 2. Add a Link to the beginning of your Social Link List https://www.yourdomain.com/search 3. Add your Font Awesome Script to your Header Injection. 4. Include this Javascript within the Header to make the first link open in the same window: <script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('.header
  9. An easy Javascript Solution for overriding and enabling Folder Title Links in Squarespace 7.1: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $(document).ready(function() { $('.header-nav-folder-title[href="/original-url"]').attr("href", "/new-url"); window.addEventListener('load', function(){ document.querySelector('[href="/new-url"]').addEventListener('click', function() { window.location = "/new-url"; }) }) }); </script>
  • Create New...