DPruitt
-
Content Count
11 -
Joined
-
Last visited
Personal Information
- Website
-
Location
Greenwood, Arkansas
-
Recent Profile Visitors
24 profile views
-
------------- Code is now updated for mobile* -
Disable Auto Zoom / Cropping on Individual Product Images
DPruitt replied to fantasiummedia's question in Coding and Customization
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 -
tiagocristovao reacted to a post in a topic:
Does Version 7.1 support a Search Bar/Icon for the site's header?
-
Change background color to my store page only
DPruitt replied to Timm1's topic in Site Design and Styles
This should be able to assist you in making the specific change: #collection-5e7116a5d59115318c711877 #page {background-color: #FFFFFF;} -
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;}
-
DPruitt reacted to an answer to a question:
7.1 Help with anchor links not scrolling.
-
tuanphan reacted to an answer to a question:
Social Share Buttons on Blog Post Pages
-
Social Share Buttons on Blog Post Pages
DPruitt replied to sitebuilder70's question in Coding and Customization
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- 4 replies
-
- 1
-
-
- social-sharing
- social media
- (and 1 more)
-
Joseph21 reacted to a post in a topic:
Does Version 7.1 support a Search Bar/Icon for the site's header?
-
-The Process is now updated with Javascript to accomplish same window functionality for the first social link within the header.
-
Using Font Awesome Icons in V7.1 Navigation
DPruitt replied to timoneill's question in Coding and Customization
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 -
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
-
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>
