Search the Community
Showing results for tags 'code-injection'.
Found 497 results
-
Site URL: https://www.80kvolts.com/ Where can I place the ShareThis code so all my product pages have share buttons? I know there's a way to do it with blogs posts, but I want them on individual product posts. Thanks.
-
Any advice on how to change the line weight of the hamburger menu icon to hairline? I recently used this custom code to convert the "MENU" text for the mobile navigation in the Flatiron template, but not loving the thickness of the lines. My site: https://www.bluetruckstudio.com/work
-
Site URL: https://www.sturgeonoutfitters.com/ Trying to disable the image crop on Mobile View, with goal of maintaining Desktop View in Mojave Template. Any help is MONDO appreciated!!! (Attached below is the Desktop View and Mobile View) -
Site URL: https://www.ramenislife.com/ Hi, I am using the Farro template, and I have a recipe blog post (not live yet) that I am trying to add the google recipe schema to. It says to put the schema code into the page header. I've searched around and I have found the site-wide custom header code injection, and that you can go into the advanced settings for individual pages. I've also found that you can do that on the master blog post page, but according to https://support.squarespace.com/hc/en-us/articles/205815908-Using-Code-Injection which says "In Blog Page settings, Post Blog Item Code Injection adds code to every blog post." My problem is that this recipe is only one post and has nothing to do with the other posts... Does anyone know how to add code to an individual blog post when the template uses a master post page? Thanks!
-
Site URL: https://www.kinetix.com/status/ Hi there, I'm looking for help adjusting the blog posts per row on our company's status page, used for outages. I don't want to change this using Site Styles because we have another blog that I would like to keep at 3 posts per row, as a grid. For the status page, I would like the content to appear stacked and the title to appear centered. Below are screenshots of the settings I'm looking to achieve (stacked), and how it's currently set (grid): Please help, thanks!
-
Site URL: https://www.kinetix.com/status/ Hi there, I'm looking for help adjusting the blog posts per row on our company's status page, used for outages. I don't want to change this using Site Styles because we have another blog that I would like to keep at 3 posts per row, as a grid. For the status page, I would like the content to appear stacked and the title to appear centered. Below are screenshots of the settings I'm looking to achieve (stacked), and how it's currently set (grid): Please help, thanks!
-
I'm fairly technical but *NEW* to Squarespaces. Seeing some strange behavior with Squarespace's Page Header Code Injection feature.... First I created a site using the Version 7.0 - Brine family (Hyde template). One of the template pages is a welcome page containing a handful of sections. Both the Welcome container page *and* the sections have as part of their settings a advanced tab with a "Page Header Code Injection" field. However, while logged in as a "Contributor", I can clearly see using the browser inspect feature that adding code in the sections does nothing. Is this the supposed to be the case? I suppose it makes sense if the injection is just done at the "page" level given the field is called a "Page Header Code Injection". It's just weird that the Squarespace UI would offer the field for the sections if it does nothing. At least the field works fine at the page level (or was...see next paragraph). Also, I thought I read somewhere that this was expected behavior as well but started to second guess this when I encountered the issue below so wanted confirm. Re: this other issue. .. After getting my site looking the way I wanted, I tried testing it outside of the view I get while in contributor mode by setting it to private with a password. When I viewed the site this way that custom code I placed in just the ONE page and worked great in the contributor view is in the private/password view now getting injected on ALL pages!!! Is this expected? Shouldn't code I add to the Page Header Code Injection Field for a single page ONLY get injected on that ONE page??? And shouldn't the contributor view match the protected/password and published view? Clearly it doesn't but shouldn't it? Thanks!
-
Display Random Image on Home Page for v7.1
AylaMourtada posted a question in Coding and Customization
There is currently a gallery block on my home page where it showcases different images that visitors will see every time they visit the website. However, I want to be able to have random images generated for every time they visit (or refresh the page) which gives the website a fresh new look. The website isn't public yet and I am using Squarespace v7.1. Any suggestions or solutions? -
Site URL: https://www.alchemist.com.sg/ I'm trying to find a way to create a step-by-step interactive customer journey for purchase of certain products. I have a couple of subscription plans, and I would like to create an interactive questionnaire that customers can answer. The questions will be asked systematically and based on the options they pick, it will lead to a recommended subscription plan for them. Here's an example of what I'm trying to achieve on Squarespace: https://www.lacabra.dk/pages/subscription-order When you follow the steps as shown on this page, it will bring you to the next question and finally the recommended product based on what you've answered. I understand that due to limitations in Squarespace, coding is necessary to achieve such a scale.
-
Hey guys, I've got a client who is trying to place 3 Stripe buttons on one page on her site, but for some reason only one works. Stripe have said it's possible to have more than one on a site so may be Squarespace's issue. She has found workarounds that say to get a different identifier for each button, but seem to all revert upon saving the pages. At a bit of a loss for what to do. Has anyone had an experience with this kind of issue? Thanks!
-
Im trying to customize a banner text, how can I reduce the space between h1 (title) and h3 (subtitle) as shown on the attached picture?
-
Site URL: http://integrativetrauma.com/ Hi there, I'd like to add a line break to the title (in heading) of my website. Have tried Custom CSS and Code injection with no result. Password is "sunshine" to view the site - http://integrativetrauma.com/
-
Site URL: https://mackerel-collie-9dwr.squarespace.com/config/ Hello need a little help if you're available. On my desktop site, some of the pictures (the ones that are vertical) gets cut off whenever I click to lightbox. I'm assuming this is the case because the chosen template was 3x2. Is there a way to not have pictures cut off when lightbox. (especially my necklaces and earrings)?
-
Site URL: https://rafida.org Hey, I've added the below code as Code Inject for some pages to control the colour of certain icons in the social icons section. How do I add the case code injection for the cart page? Site access: https://rafida.org pass: lastphasetesting3 Code injection used: <style> .SocialLinks-inner a:nth-child(5){ colour: #000000;} .SocialLinks-inner a:nth-child(6){ colour: #000000;} .SocialLinks-inner a:nth-child(7){ colour: #000000;} </style> <style> .SocialLinks-inner a:nth-child(5){filter: brightness(50%);} .SocialLinks-inner a:nth-child(6){filter: brightness(50%);} .SocialLinks-inner a:nth-child(7){filter: brightness(50%);} </style>
-
Summary Block Title and Excerpt Overlay on Hover
MoltoBello posted a question in Coding and Customization
Site URL: https://lakerenfaire.com/virtual-faire-invite Good Evening Squarespacers! I am working on a gradient overlay for a grid summary block and have successful positioned the Title and Excerpt over the images in the summary block. I cannot seem to get them to display on hover, however, and the website only displays the gradient and transition, but not the text. I feel like this is close but I am missing something. Here is my code: <!-- Rollover Image Effect --> <style> .summary-item img{position: relative; transition: all .5s ease!important;} .summary-content { position: absolute; color: #ffffff !important; top: 50%; left: 50%; opacity: 0; pointer-events: none; transition: all .5s ease; transform: translate(-50%, -50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%);} .summary-title, .summary-metadata-primary, .summary-metadata-secondary, .summary-excerpt {color: #fffff !important;} .summary-item:hover img{-webkit-filter: brightness(50%); filter: brightness(50%);} .summary-content:hover {opacity: 1 !important;} </style> -
Site URL: https://www.godspeedresources.org I am trying to add an InfusionSoft Tracking Code into my site. The code they supply is javascript. I tried to use a code block in the footer so it would track every page but it doesn't seem to like Javascript and I get a code disabled message. Is there a way to implement this code without having to utilize a third-party app like Zapier? I anticipate a similar problem when I try to add forms from InfusionSoft too. I found a post on InfusionSoft Forms but didn't see a resolution. (perhaps I overlooked it.)
-
I have found this great feature I would love to use in my site http://codepen.io/ace/pen/BqEer. I have added the HTML and CSS and the pictures line up on top of each other (http://taberphotography.co.uk/test) but I don't understand what to do with the JS code. Any thoughts would be much appreciated. Thanks.
- 23 replies
-
- 1
-
-
- code-injection
- code
- (and 1 more)
-
Site URL: https://rafida.org Hey, We've added 3 custom social link icons on our BRINE website. The icons are fine when there is an overlay behind the icons. They appear white with no issue. But when there is no overlay (and just a plain white background), the regular social link icons change to gray, but the 3 new custom icons remain white. Two bits of code I'm using have been supplied below, and I've added screenshots showing the issue. Website access: rafida.org pass: lastphasetesting3 Any ideas? ----------------------------------------------------------- I adding the below code to custom CSS to change the colour, but the colour I pick only changes the standard icons and not the 3 custom icons. .tweak-social-icons-style-regular .SocialLinks-link-icon{ fill: grey; } .tweak-social-icons-style-regular .SocialLinks:hover .SocialLinks-link-icon{ fill: grey; } .tweak-social-icons-style-regular .SocialLinks:hover .SocialLinks-link:hover .SocialLinks-link-icon{ fill: grey; } I've used the following code to add the 3 custom social icons: .SocialLinks-inner a:nth-child(5){ content: url("https://static1.squarespace.com/static/5e4d565f9a543a4fb8ddc540/t/5f168b01b9ec1e5fe976efe3/1595312897641/4th.png") !important; } .SocialLinks-inner a:nth-child(6){ content: url("https://static1.squarespace.com/static/5e4d565f9a543a4fb8ddc540/t/5f16fa9a377d4a7f30b3e370/1595341466544/whatsapp2.png") !important; } .SocialLinks-inner a:nth-child(7){ content: url("https://static1.squarespace.com/static/5e4d565f9a543a4fb8ddc540/t/5f16ed8b795a690f8322dacb/1595338123572/email.png") !important; }
-
Site URL: https://rafida.org Hey, On our BRINE website, when viewing in mobile view, our 'Heading 1', which is our largest font used for titles becomes very small. Much smaller than it needs to be. I can see that on the BRINE template there is no scaling option for headings in the site styles section. Is there any way I can control the mobile scaling for headings through code? I've provided two screenshots showing you the different in text scale on desktop and mobile. Website access:rafida.orgpass: lastphasetesting3 Thanks!
-
Site URL: https://rafida.org Hey! The thumbnails we use for content on our BRINE site are mostly 16:9, but the search results show them in 1:1, causing them to be cropped. Is there a way to make search results show the images in 16:9 or better yet Auto? I've provided a screenshot to show the issue. Thanks! Website access:rafida.orgpass: lastphasetesting3
-
Site URL: https://rafida.org Hey, I'm using the below code in the FOOTER INJECTION to fix the announcement bar and top header upon scroll for our BRINE website. I want to keep the announcement bar fixed on the desktop version, but not fixed in the mobile version I tried to add: mobileannouncementBar: false, But this did not work. Any ideas how to solve this? website: rafida.orgpass: lastphasetesting3 (function() { var settings = { mobileHeader: true, announcementBar: true, mobileannouncementBar: false, desktopHeaderTop: true, desktopHeaderBottom: false, adjustAnchors: true, isScrolledDistance: 400 };
-
I have a layout of two columns of images, separated with a spacer down the middle of the columns. Once I added a code box under each image for a text lightbox pop-up (which works), the layout switches to one long column down the left hand side. Always looks right in edit mode though, then back to looking wrong once I exit edit mode.
-
Site URL: https://www.helenaimpett.co.uk/ I have added code for custom font. I can see it my end but its not showing on all browsers for all users. https://www.helenaimpett.co.uk/ pw Jagger. The font is on my computer. not sure what else to add! would appreciate any help! i have uploaded the font in the manage custom files box. the font is basic title and the code is in the design custom css @font-face { font-family: 'basictitlefont'; src: url('FontURL'); } h2 {font-family: 'basictitlefont';} @font-face { font-family: 'basictitlefont'; src: url('FontURL'); } h4 {font-family: 'basictitlefont';}
-
I am trying to collect email addresses within a Form Block and send it to Squarespace's Profiles feature, to utilize in their Email Campaigns. As of now, the only way to collect email addresses, is via their Newsletter Block. Any suggestions on custom code, etc to solve this, would be hugely appreciated! Thank you. -
Site URL: https://lanternfish-salamander-gp6n.squarespace.com/ Can anyone help with this issue, please? Something that works perfectly on V7.0 sites is using https://fontawesome.com/ icons within the navigation menu: V7.0 Result: It doesn't seem to be working on V7.1: Result: This is the method I've used that works perfectly on 7.0 but not on 7.1: 1. Head over to https://fontawesome.com/start and copy the CDN (the big link in the dark box) 2. Go back to Squarespace and go to Settings - Advanced - Code Injection. 3. Paste Font Awesome CDN into the 'Header' section: 4. Hit save. Then in order to use any icons, I search for the required icon on the Font Awesome site and copy the HTML for that icon (for example: <i class="fas fa-home"></i>), then either paste that into a code block on Squarespace for use within any section or paste that into either a page navigation title or into a link description within the main navigation menu. Thanks, Tim
.thumb.jpg.2ac16d05ce942f5b80b77be7f5b19d64.jpg)