Search the Community
Showing results for tags 'code-injection'.
Found 206 results
-
Hello all, I seem to have caused an issue with the footer on one of my sites. The strange thing is that it only occurs with the home page, and not the other site pages. I have inserted some custom code for various different things, but I cannot figure out what might be causing this issue. The website is universalmobilehomes.com. It uses the Five template. I have dug and dug and just can't find the offender! Anyone have any ideas? The footer should be full width, and like I mentioned, it is on every other page but the home page. Thanks in advance for any help!
-
Hi there! I'd like to set up Google Analytics event tracking on a form submission button and other buttons that are not related to e-commerce. What is the best way to do that with code injection? I've been using Google Tag Manager with my previous site, and I know how to create G.A. event tracking there. Installing GTM was my first option, but Google's documentation says that the second part of the code should go immediately after the <body> opening tag, and the squarespace code injection only gives me the option to add it to the footer (I believe it means just before closing the </body> tag). So I'm not sure it's going to work fine. Has anyone here done it? -
Looking at this Squarespace article about Code Injection there is a way to edit your "Order Confirmation" page under Setting --> Advanced --> Code Injection https://support.squarespace.com/hc/en-us/articles/205815908#toc-step-2---add-html-code Once at the code injection page, Sqaurespace says you can reference the order id by using the variable {orderId} How do I use this tag in the Code Injection area to suppress the display of the order number on the "Order Confirmation" page?
-
Hey! I am trying to index my site, but when I try to do a URL inspection on the Google Search Console I get the following error: No: 'noindex' detected in 'robots' meta tag How do I remove the ‘noindex’? I do not have any Code Injection. Thanks!
-
I am trying to remove the Top header and bottom footer and navigations from a single, unlinked Index Page. So far I have used this custom CSS and it does exactly what i need on desktop, but NOT on mobile. #collection-5dee4aa64d5f2571c8eff70f { .Header {display:none;} .Footer {display:none;} } Can anyone help me make it work on Mobile too? my template is a custom template from the Brine family. Thanks in advance! -
Hello! I am looking for a way to embed a scrollable list on a page of my website to keep a lot of information that doesn't fit into the events or gallery format contained enough to be manageable. I would only really need it to hold text but text and dividers would be ideal. Do any of you know of any resources like this?
-
Form Submissions as Conversions from Google Ads
gavinboomer posted a question in Coding and Customization
I'm trying to track conversions from Google Ads. I want to track form submissions from my Google Ad traffic as conversions. Any code to include with the submission button? Is there a way to do this or only through Google Analytics? Thanks in advance for any help. -
googlemaps Google map only loads on page refresh
HWork posted a question in Coding and Customization
We created a custom google map -> https://www.hoperisinghaiti.org/map But when you go to the home page and then click it does not load unless you refresh the page. So, go to https://www.hoperisinghaiti.org then click on the nav item, "MAP" and it takes you to the page where the top filter buttons load, but the map itself does not load. thoughts? -
Hi everyone, I bought a plugin from Squarestud.io and it appears that they dont respond to anyone's emails/facebook/instagram - I assume they have gone bust. Anyway, I need to tweak the plugin and I am not very good at .js and would appreciate some help. The plugin is a logo loading screen using the site's logo. I am wanting to replace the image source (the existing site logo) with a gif that is stored in the site's CSS stored files - URL below. Any help is really really really appreciated. Thank you, Rob working site: https://pepper-clarinet-ctnt.squarespace.com/ GIF: https://static1.squarespace.com/static/5d9db9630e0cb109b5331185/t/5db877bc05d8093cb6fbfe15/1572370384602/mrnice-smiley.gif Code Injection: <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> <div class="logoload"></div> <script> $(function() { var loadLogo = $('header').find('img').attr('src'); $('.logoload').css('background-image', 'url(' + loadLogo + ')'); }); </script> <style> .logoload { /* SET BACKGROUND COLOR */ background-color: #fff; /* SET BACKGROUND SIZE */ background-size: 90px; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background-position: center; background-repeat: no-repeat; } </style> <script type="text/javascript"> $(window).load(function() { $(".logoload").delay(500).fadeOut("slow"); }) </script>
-
My logo for my site is white and it doesn't show up on all the pages other then my homepage so I'm trying to find a way to put a color logo on other pages then the home page, http://www.sparkleaders.org/about/ Any help would be very appreciated! Thanks,Amir
-
Does anyone know how to do CSS3 animation? I want to animate rifle crosshairs in the header of my website. https://johnetterleebooks.com/
-
Hi all, Our website (www.statelessdignity.org) has a couple of videos embedded in iFrames on it (one for several months now!), and I've *just* learned that the videos don't display at all in Chrome. I've looked into the problem, and deduced that it's not my computer/browser (I've tried every hack in the book, like enabling Flash and JS, and asked friends to check on their own devices): the videos don't display in Chrome on any device. For me, it instead just shows as a big empty iFrame container/blank space, though at least one friend reported that they saw no blank space when they tried it. So anyway, I've tried researching this and seen a couple others with a similar issue, but their coding hacks (below) also don't seem to solve the problem. ...Considering YouTube is owned by Google—and that the majority of visitors (at least for us) use Chrome—I'm a little shocked that this would be an issue. ...But then again, I've seen other embedded YouTube videos on other sites, so there must be a way! Anyway, the two pages where we're having this issue now are here: https://www.statelessdignity.org/news/2018/9/23/2018-bama-speech (it should show between the second and third paragraphs) https://www.statelessdignity.org/news/2019/12/1/give-the-gift-of-dignity-this-givingtuesday (at the bottom of the blog post, just above the footer) Anyway, here are a couple of the CSS/HTML coding solutions I have tried to no avail. ...Does anyone have any tips for making this work? (And *bonus question*: does anyone have a solution to make the video vertical on the second link (changing the aspect ratio/removing the black space on the sides)? I've also researched this, but again, nothing I found worked.) Here is the first approach I tried: <style> .container { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; .container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } </style> <div class="container" style="text-align: center;"><iframe width="75%" height=75% class="video" src="https://youtube.com/embed/8KS5xbuoNe0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></div> And here is the second: <style> .container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; } .container iframe, .container object, .container embed { position:absolute; top:0; left:0; width:100%; height:100%; } </style> <div class="container" style="text-align: center;"><iframe width="75%" height=75% class="video" src="https://youtube.com/embed/8KS5xbuoNe0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></div> -
Hello someone! I'm looking to remove the padding from the home page so the "intro" section butts right up against the footer. I've attached a screenshot with the current padding of 40px. The only way to edit would be to adjust the content section padding (see other screenshot) but that is obviously a global change I don't want. Any tips on what code I could inject into the advanced page settings?
-
What css code can I use to change page background color site-wide?
-
Can you provide me with some code that I can inject into individual blogs so that it removes the date on individual posts in that blog? Would be much appreciated. Thanks in advance!
- 16 replies
-
- 1
-
-
- blog-page
- code-injection
- (and 1 more)
-
Hello, I am attempting to add a custom background to my squarespace site. Specifically a valnajs background that can be found here: https://www.vantajs.com/?effect=net#(backgroundAlpha:1,backgroundColor:13223885,color:7370174,maxDistance:24,points:6,showDots:!t,spacing:17) I can successfully add this javascript and get the resulting image when I use a code block and the following code: <script src="three.r92.min.js"></script> <script src="vanta.net.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/100/three.min.js"></script> <script src="https://www.vantajs.com/dist/vanta.birds.min.js"></script> <div id=vantajs></div> <script> VANTA.BIRDS({ el: "#vantajs", }); </script> However, this just inserts the image in that block and does not actually make the image the background of my page. I have tried many ways through the page code-injection feature to add this to my website, specifically the section-background html element, but nothing has worked. Here is an example of one of the methods I am trying when using the page code injection: <script src="three.r92.min.js"></script> <script src="vanta.net.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/100/three.min.js"></script> <script src="https://www.vantajs.com/dist/vanta.birds.min.js"></script> <script> (function(){var x = document.getElementByClassName("section-background"); x.setAttribute("id", "vantajs")})(); </script> <script> VANTA.BIRDS({ el: "#vantajs", }); </script> Any help here would be greatly appreciated.
-
Is there anyway to have zero padding on a code block and make the block full page width? The block is jutting out to the right which I want left justified with zero padding, to go full page width. www.shoppersguide.com.au
-
How to resize banner image for mobile view?
mikeylikesfit3990 posted a question in Coding and Customization
Hello, I'm in dire need of a code (css?) to resize my banner so that it shows in full on mobile view. Currently, my banner gets cropped when in mobile view and I would like that changed. At the moment, the mobile template is off so that the full banner shows. But now my site isn't optimized form mobile. Is there anyone that can help with this? Site: mikeylikesfit.comTemplate: Bedford -
Hello, I'm wanting to have an "add to calendar" link on my event pages that allows people to automatically add the event to their calendar. I've used a third party plug-in called Eventable, which generates a code (which I've inserted using the code block) - but wondering if any clever people out there know a better way to do this as it's completely new to me and I don't really love the look of it at the moment. Brine template https://celery-recorder-da9w.squarespace.com Password: BLUE Thanks, Emily
-
Hey there everyone! I'm currently working on a bilingual site (Russian and English). The problem is that site-wide fonts only work out for the English language while Cyrillic letters/words look pretty ugly. The question is whether I can use different font for the Russian part of my site via extra coding (using custom CSS)? The structure of my site is the following: a welcome page with two buttons (English, Russian); each button leading to a language-based homepage, so there are two homepages and corresponding sub-pages made in the two languages.
-
Pls I need help I just set up my squarespace site and I need to creat a page where other photographers can upload images for review and for competition as well how do I go about this?
-
Could you share the process of customizing page, the Cart and order page, using JavaScript . Could I write JS scripts on the ORDER and CART pages.
-
Hello, Does anyone know code I can use to add a link to the "terms of sales" of my website in the email client account ? Thanks for your helping, Best regards, Pauline -
I've set up a website where content is sold through Amazon Affiliate links. I have set up Amazon OneLink to enable me to sell in US, Canada and UK where the user will be sent to their local Amazon store upon clicking my links. I embedded the javascript below into my Squarespace footer (Settings; Advanced; Code Injection; Footer) as instructed on both the Amazon and Squarespace websites but everyone still only sees the US Amazon store. I've contacted Amazon and they've confirmed that everything looks set up fine from their end. Any idea what I should be doing on the Squarespace side to make this work? I'm signed up as a Business customer on an annual contract, based in US. www.winterplaybook.com <div id="amzn-assoc-ad-8435f65a-7439-47fb-bb97-5bf6a677d528"></div><script async src="//z-na.amazon-adsystem.com/widgets/onejs?MarketPlace=US&adInstanceId=8435f65a-7439-47fb-bb97-5bf6a677d528"></script> Anyone else had the same issue?
-
Hello, I would like to edit the following Javascript code to start automatically, when somebody lands on my page. The code is for a simple counter from https://styleddigital.com/blog/2017/5/10/how-to-add-an-animated-counter-in-squarespace. Unfortunately this question has not yet been answered there. Maybe you can help?
