Search the Community
Showing results for tags 'code-injection'.
-
How to increase spacing between shop products on mobile view
Clarilou posted a question in Coding and Customization
Site URL: http://www.amovintage.com Hello Please can someone help me increase the space between products on my shop page? I cannot work it out or find a code anywhere, happy with it on web view but concerned that most views are by web so want to change this one exclusively if possible just to make it look a bit more spaced out / less squished in Have attached website link and some photos underneath Thanks so much! -
Hello, I am very new to squarespace and CSS coding and I am having a lot of difficulty obtaining certain results that I am looking for and was hoping someone experienced with CSS would be able to walk me through a few things. I am having trouble getting the typing effect to work properly for one of my sentences on my squarespace. I am using this for the typing effect: #block-843f29506fbf61187921 { overflow: hidden ; border-right: .15em solid pink ; white-space: nowrap; margin: 0 auto; letter-spacing: .15em; animation: typing
-
Hide header, footer and banner on single page Squarespace 7.0
cmac42 posted a question in Coding and Customization
Site URL: http://pilgrimsoul.com Looking for code injection to hide the header, footer and banner from a single page using Squarespace 7.0. I found code that works in removing the header and footer, but the banner remains. This is what I'm currently using to remove the header and footer: <style>.Header, .Footer, .Mobile-bar{display:none !important; }</style> Anyone know how to remove the banner too from a single page? The page I'm working on isn't yet enabled, but you can see the attached screenshot and the homepage URL if that helps. -
code to hide shopping cart header and footer?
jonkam01 posted a question in Coding and Customization
Site URL: https://www.vesturegroupinc.com/cart I have hidden the header and footer for certain pages however I would like to do the same for the shopping cart page. Can't seem to do that. -
Site URL: https://www.getzerolikes.com/ Hello, I'd like to add customer review capabilities to my site. It looks like Squarespace has four options to choose from to embed code. However, three of those options are comment-only, and the fourth is rating-only. Ideally I'd want reviewers to be able to rate and comment, as I would think most e-commerce site owners would. Squarespace support said that they are unable to help with anything other than those four options because it deals with code, which it outside of their scope. Does anyone have a solution that they use or know about? Any
-
Site URL: https://www.lovexvalour.com Hi everyone, I want to play a background video on my website homepage but I don't really like the youtube and vimeo extension as its a little buggy, sometimes it stops the loop or will not work entirely and I haven't even mentioned the showing banners popingup. I was wondering if theres any other alternatives or even a way to fix this. this is what I'm trying to do (example) Gucci's home page: https://www.gucci.com/uk/en_gb/ . -
code-injection Adding a customized Stock Ticker to site
artandcolony posted a question in Coding and Customization
Looking to add a free customized, scrolling stock ticker to a client's site or one with a low fee. Any ideas? -
Hi! I'm building a website for a real estate agent. The listings shown will be using MLS. I understand that I need to use an IDX service, does anyone have recommendations companies that have worked smoothly with Squarespace? Or will any do? I'm also reading some comments saying that just inserting the iframe might not be considered responsive, this company claims to solve that (www.ultimateidx.com/squarespace-idx-plugin/), anyone used them? Thanks! Lisa
-
Site URL: https://www.edtech-consultants.com/ Having an issue. I injected this widget script into the site footer, but after doing so the navigation menu on mobile is completely non-functional: Code in footer: <!-- Calendly badge widget begin --> <link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet"> <script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async></script> <script type="text/javascript">window.onload = function() { Calendly.initBadgeWidget({ url: 'https://calendly.co
-
Site URL: https://solutionslabllc.com/about Hi, Site password is solutionslab Under the section for Clients, I injected code so the client logos revealed a new image on hover. While this works great on desktop, the images don't center or line up in two columns on mobile (this would be my preference to have them 2 across). You can see that I shrunk the first two on mobile to try to squeeze them into two columns to no avail. This is the code I used taken from Inside the Square. ps - I'm totally new to coding! @media screen and (min-width:640px){ #img-hover-1 {
-
Site URL: https://caper-badger-3s6d.squarespace.com Password: home I wish to move site logo (only on home page) to center of page (not in header, but in page center). Underneath the text ''welcome...''. Can anyone help me? -
Site URL: https://shopavli.squarespace.com/speakers/d131 On the general browsing pages of our site's shop all $0 listings appear as 'contact for pricing', but when an variant is selected is changes to $0.00 on the product page. I currently have this in our footer code injection: <script> window.addEventListener('DOMContentLoaded', (event) => { var products = document.querySelectorAll('.product-price'), sf, len = products.length; for (sf=0; sf<len; sf++){ var price = products[sf].querySelector('.sqs-money-native'); if (price.textContent === '0.00') { -
How to edit the order of images in mobile view
Mie_MIe posted a question in Coding and Customization
Site URL: https://www.drzelinamedina.com Hi! I need help with my website: https://www.drzelinamedina.com On the hompage of my website in desktop view you can see that the images are in Grid layout and in the mobile view is in a stack layout. I like my Desktop Layout right now which is: Preferably would like my mobile view to be But squarespace arange the mobile view like this: Is there CSS or code to rearrange the pictures? I hope this is possible. Thank you in advance -
I have 3 custom code blocks that are next to one another. When I push "save" the 3 code blocks stack on top of one another. Does anyone know why my code keeps stacking rather than sitting next to each other? I'm not sure what I'm doing wrong. <html> <head> <style> .collapsible { background-color: #225d71; color: white; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; } .active, .collapsible:hover { background-color: #89c7c0; } .content { padding: 0 18px; display: none; overflow: hidden; background- -
Site URL: https://www.provingislam.com/proofs I would like to add a paragraph introducing the point of the page above the blog posts. I've tried to use the code given in (https://forum.squarespace.com/topic/172600-add-text-to-top-of-blog-landing-page/) but I am not getting anything coming up. I have the business plan.
-
Site URL: http://ryanmariehelfant.com/ Is there Custom CSS code to force my background video to playback at full resolution from the second it appears? Can it fully load at max resolution before it starts playing? No matter the file size, resolution, codec, and FPS, it automatically buffers at low resolution for EXACTLY 6 SECONDS before snapping into full resolution. (I have tried video ranging from 5MB to 1GB, 480p to 1080p, H.264 and Apple Pro Res, 24FPS and 25FPS - none of this makes a difference! It seems that there is something embedded in Squarespace that causes an exac- 9 replies
-
- 1
-
-
- custom-css
- css
- (and 1 more)
-
Site URL: https://www.integritas-management.com/live-interbank-rates Hi there, I need to disable mobile view on one of my pages as the widget does not fit when on it. If not I would love to be able to not have mobile view on the page. It is for the rates page on www.integritas-management.com Can someone please help?
-
How to add 'back to shop' button on product detail pages
AlexSaunders posted a question in Coding and Customization
Is there a simple way to add a 'back to shop' button on product detail pages? -
Site URL: https://familyhistoryconferencenwa.org The Current Situation My Squarespace website uses client-side, custom JavaScript and JQuery injected into the Head section of a page as well as the Amazon Web Services Command Line Interface SDK. The custom JS, the JQuery and JS Libraries, and the SDK are loaded into the page Head each time the page is loaded. That Is Objectionable The SDK uses two predetermined, static, handshake credentials to connect to the AWS server. They are stored in a file, "credentials," in a hidden directory, .aws, created by the SDK when i -
Site URL: https://www.lovexvalour.com/faqs Hi everyone, I'm trying to edit my FAQ page it's almost done the only thing I'm stuck with is the text style. I want to make the size of the text smaller and also change the font style but I don't know how to do it without effecting the whole website. Can anyone help me out? https://www.lovexvalour.com/faqs The password is: Key000000000
-
Site URL: https://pivothealth.squarespace.com/ Password: pivot I am trying to change a section so there is a 50% split with an image and text on the otherside So it looks like my design: I have tried adding code: @media only screen and (min-width: 768px){ (data-section-id=β602d3054014f732b26afb7b8β) .section-background{width:50%!important; margin-left:50%!important;}} but it doesn't change anything on the site? Can someone help?
-
Site URL: https://fox-grouse-ccw4.squarespace.com/config/design Hi On my site, I have a list of code blocks containing images coded to swap on hover, however on mobile the code blocks seem to be off centre and stretch off the page but on desktop they look ace. I was wondering if there is any css or anyway to get around this to keep my blocks centre. Thanks! forum.mp4
-
Site URL: https://www.divinecompasshealing.com/playlists I used a code block to add this GetResponse form. I selected HTML and unchecked display source. In production, the form works. However, when I click Edit on that page, nothing happens. I cannot edit it. If I do an incognito window with /safe on my url (so scripts disabled), then I can edit the page. Is this normal? Or what am I doing wrong? <script type="text/javascript" src="https://app.getresponse.com/view_webform_v2.js?u=xxxxx&webforms_id=xxxxx" data-webform-id="xxxxx"></script> And any plans f
-
Site URL: https://www.lovexvalour.com/checkout/order-confirmed?oid=602eb08b5d75161df55839f1&authCode=NjAyZWIwOGI1ZDc1MTYxZGY1NTgzOWYxOjIwMjEtMDItMThUMTg6MjM6MDcuNTQzWje5Gry5mBcqw_9xCTSpwDBJuT15rElnFhb7cseVPWLR Hello! Can someone please help me with my order confirmation page? I want to change the the heading where it says "ORDER CONFIRMED" I want to make it smaller. The order details are fine. I have tried to add this custom CSS code but it affects the header but also the rest of the details div#confirmed-page * { color: #fff; font-size: 15px; } div#confirmed-
-
Code to add the same image to all my blogposts
SolveigTraeet posted a question in Coding and Customization
Site URL: https://caper-badger-3s6d.squarespace.com/blog/lyrics/shame Password: home Is it possible to add the same image to all my blogposts? This is the image I want to have at the bottom of every Blog post, size 50%:
