Search the Community

Site URL: https://www.nickdavid.co.uk/ Hi, I am working on a site which is using Wexley as its base template. The default social icons are only available on the bottom footer where I can move them left/right/center. I wish there was a way to move the footer block to the top right of the site above the header text or alternatively add new set of social icons to the top right of the site. If someone know a good way to insert some code to fix this that would be very helpful. I have attached images for what I am talking about. This only is required to work on the desktop version. Thanks for the help

Site URL: http://paulette-interieurs.com/ Hello everyone, I would like to add a texte ("par lot") right after the "from (price)".... And in a perfect world, I would LOVE to have that changing according to the variable. Do you guys think it's possible? Is there anyone that have that kind of knowledge and can help me with that? Thank you guys for you precious time and the help. hoppy

I am looking at a way to insert data from a single cell from a Google Sheet into a website so that whenever the cell is updated, the site will auto update. Is this something I can do within the tools available on Squarespace or does this require a special code block?

Site URL: https://crow-manatee-3gjr.squarespace.com I'm trying to change the header font button in a new website. I've found some code on the forum which is working but I can't change it to bold. Can somebody help me out? The website is this one: https://crow-manatee-3gjr.squarespace.com Password: Dy<vPg?r&/^3B{9F I've used the following code: header#header a.btn { font-family: 'Roboto Condensed' font-weight: 700 !important; } Thanks!

Site URL: https://www.sequoialongevity.com/test Hi everyone. I'm new to coding. I'm trying to customize an embedded form/script. The app I'm using has a Wordpress Plugin but it doesn't look like I can use it on Squarespace. I was checking out this post on Squarespace help pages https://forum.squarespace.com/topic/26778-how-do-i-change-styling-for-only-one-button/ And I can't seem to change the color on the button This is the code I inserted in that section: <script src='https://www.uplaunch.com/api/v1/scripts/fetch_new_lead_form.js' data-form-url='https://marqihealth.uplaunch.com/new_lead_form_embed/11377'></script> And what I'd like to do is change the color of the button from blue to black. This is what I tried in Design -> Custom CSS: Attempt 1: #page-section-6333be4cfb6650597753609a div#block-yui_3_17_2_1_1664645077280_507 a { background: black; } Attempt 2: #page-section-6333be4cfb6650597753609a div#col-12 a { background: black; } I really appreciate your help!

Site URL: https://www.sharemyhome.co.uk Hi, A couple of years back I put together a site which, for context, uses a bit of custom CSS for typefaces and some other minor styling points, along with code injection in the header and footer for Google Tag Manager. There have been some minor changes in terms of image removal and a bit of repositioning by the owner but nothing on a code/CSS level, since then. A few days ago the owner of the site contacted me to say the on the home page the type styles have been over-ridden to render in black (instead of a grey colour used on the other pages/the site styles and themes) the burger menu icon disappears from the mobile view, the social media icons are rendering in white/transparent in the footer, and all the container/background colours for sections have disappeared. SS themselves have said to the owner that when the site is previewed with scripts disabled it reverts back to normal, which is true. I've removed the scripts and saved the site without them as another test but that doesn't make the site render in it's normal colours etc. Besides, the tag manager script is required, which is an issue in and of itself, if removed. Does anyone have any ideas on what conflict could be causing the overrides and disappearing icons etc when the scripts are active? I've attached a couple of images to help demonstrate the issue.

Site URL: https://forum.squarespace.com/topic/203915-read-more-toggle-for-long-summary-reviews/#comment-493237 Hi guys, After a long time with Squarespace community, I found that there is one issue that many people concern about - Making the Read more and Read less toggle for the long content. Therefore, today I would like to share my solution step by step to implement it on your own. Let 's move to the cool part Step 1: In the text block where you want to hide the content if it is too long, add the word with the setting link "#read-more" for it. step 1.mp4 Step 2: Home > Settings > Advanced > Code Injection, choose the footer to add the codes <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/readmore.js@2.0.4/readmore.js"></script> <script> $(document).ready(function() { if (window.self!==window.top) { return; } $("[href='#read-more']").each(function(i, el) { // First calculate the initial space between the content and the readmore tag const contentEl = $(el).closest(".html-block, .sqs-block-content, .summary-excerpt, .image-subtitle"); const elBound = (el.getBoundingClientRect()); const contentBound = (contentEl[0].getBoundingClientRect()); contentEl.readmore({ collapsedHeight: Math.floor(elBound.y - contentBound.y), speed: 500, embedCSS: true, lessLink: '<a href="#" data-action="collapse-rmjs">Read less</a>' }) }); $(document).on("click", "[data-action='collapse-rmjs']", function() { const readmoreId = $(this).attr("aria-controls"); const contentEl = $(`#${readmoreId}`); if($(contentEl).closest('.sqs-block-image').length) { contentBound = $(contentEl).closest('.sqs-block-image')[0].getBoundingClientRect(); } else { const contentBound = (contentEl[0].getBoundingClientRect()); } window.scrollTo(0, windown.scrollY + contentBound.top); }); }); </script> <style> /* Tweak readmore js to hide the placeholder link */ [id*=rmjs] { transition: height 200ms; overflow: hidden; } [id*=rmjs] [href='#read-more'] { display: none; } body.sqs-edit-mode [href='#read-more'] { display: inline-block !important; } [data-readmore-toggle] { /* color of read more */ color: red; } </style> Notice: You can change the content in lessLink in my previous code to Less, hide,... any word you want to display when show full content step 2.mp4 After applying 2 above steps, here is the result you can achieve result-readmore-readless.mp4 Is it hard for you to follow my steps? Does it work properly on your site? If you have any question about this settings or get stuck implementing it, do not hesitate to share it with me. 'All roads lead to rome'. I hope my 'road' could be simple and helpful for our community Thanks for your attention! Support me by pressing 👍 if this useful for you

Hi there!, I have tried to find how to do this but I have not been able to. I would like the images of each portfolio category to change automatically, when the mouse is not over them. What I want to do can be seen on this website www.alixelay.com (homepage). Also in this website (https://www.robinuthe.com/) Also, when the background image changes, the category it belongs to is highlighted. Thanks in advance.

Site URL: https://www.aradia.io/blog/your-sun-sign-as-a-game-of-thrones-character Hello, I found some coding to successful note the read time of blog articles. However, it shows at the end. Is there a way to place it at the top of the article and, better yet, in the preview as well? Thank you!

Site URL: https://www.philtographie.com/ I have added two badges to the top of my page (using two different injection codes). But they are stacking on top of each other rather than side by side. Does anyone know how to make the go side by side?

Hi! I am trying to match the button of my contact form with the newsletter. I found the following code on here for the newsletter, but I can't find one for the contact form button! Can someone help me get the code for that? I am looking for the same padding 10px. .sqs-block-newsletter .newsletter-form-field-element { padding-top: 10px !important; padding-bottom: 10px !important; } button.newsletter-form-button.sqs-system-button { padding-top: 10px !important; padding-bottom: 10px !important; } Thank you so much!

Site URL: https://owl-disc-ywmg.squarespace.com/bowl-products-copy We have this page that is not a store page and want to be able to hover over the images to zoom in/magnify to see the granite details more clearly. Nothing is being sold directly from the site so we don't want to use a store page. Is this possible? https://owl-disc-ywmg.squarespace.com/bowl-products-copy

Site URL: https://furniturerental.ch Hi everyone, I added the following code onto the Advanced Page Header Code Injection. Since yesterday it is broken and doesn't display the images behind the code anymore, only black. <style>#page .page-section{height:100vh!important margin-bottom: 600px;} #page .page-section:nth-child(2) {margin-top:-100vh!important;} #page .page-section:nth-child(2) , #page .page-section:nth-child(2) .section-background{background-color: hsla(187, 69%, 2%, 0.27) !important}</style> Anyone can help? I also used the code set to transparent instead of a transparent black so that the text in front of the slider menu is better readable. Any tip on how to fix this? I am not a coder. Thanks, Saskia

Site URL: https://www.loveatfirstsit.net/dog-behavior-and-training Hello! I am hoping someone might be able to help me with this. I have a floating button for pet services pages on my squarespace 7.1 website that links them to request services pages. The custom code is injected in the "page settings", "advanced" section. For some reason, the floating buttons are no longer working. When you go to the page, the button is visible, but you can't click on it. When you scroll down the page, it will also disappear. Here is the code I am using referenced from this page: https://www.loveatfirstsit.net/dog-behavior-and-training <!--Sticky Booking Button--> <div id="book-me"> <a href="/dog-behavior-training-request"> Request Dog Training </a> </div> Any insight would be greatly appreciated!

Site URL: https://ticketyboo.digital Hi All I am looking at creating a new Squarespace website, rather than build a bespoke site. However, there is a design feature that I would like to add based on what we have now. This is on the home page of our current site. I would like a section on the left which has a static image, but the text on the right scrolls up the page. If anyone can assist I would be grateful for a conversation about providing this. Thanks

Site URL: http://lightsandlines.art Passcode: testing Please help me take a look at how to make the folder clickable. I understand from previous posts that different templates might require different code. Originally I didn’t think much of the folders not being clickable but after some customer testing, it became an issue that’s been repeatedly address. Please help, and thank you in advance!

I'm working on creating a website for hair competition. I'm looking for solution to have voting by the public on the contesters. Is there external system that someone can recommend or could coding fix this? Thanks

Since I upgraded my pages on my website to fluid engine, I m having trouble embed a 17hats code (17hats is a business management platform) to my squarespace contact form. I used to be able to add a code by directly adding a block-> then choose code -> paste my 17 hats code to the contact form but now it is not possible anymore - The block button does not appear on top of the contact form anymore and is only on the side of the section. (please see picture attached). Thank you in advance for any help!

Site URL: https://www.crowdcover.app/rooms-list Hi all! I have injected a custom css code to link to another page on my website, but Safari is reading the link as a popup and unless that setting is turned off- the button won't work. How can I make this work where Safari will not read my link as a popup? I know people won't want to disable that setting on their iphones! thank you Using the code block, here is my code: <iframe id="custom-room-list-iframe" src="https://enablex-api.herokuapp.com/" width="100%" height="100%">

Site URL: https://www.blank-supply.com/shop/p/applique-garden-stocking-2-pga2y-jd4y2-b7elk-mlmt3-faym5-94jtb-b55z6-d88ge-m5kns-yyalz-y695n My client has 2 options per stocking product: to be embroidered or not, however there is only ONE product available even though there are TWO variants. I would love to have this display "sold out" when either one of the variants is purchased so that she won't manually have to do so every time one variant is purchased. Is there a CSS or header injection I could enter to accomplish this? Thank you!

Site URL: http://http/www.ganzabnormal.com Hey There! I would like to set up a QR code for donations on my homepage. I received a corresponding snippet code from the provider "Raise now". According to his info I would have to insert this as "editor" or "source code" on my page. Unfortunately I can't find out where and how to do that. Can you help me?

Site URL: https://finch-plane-n82h.squarespace.com/ I am a coding novice so please forgive me if this is a very simple fix! I would like to add my client's phone number and email address as clickable links either at the top of the header bar or in a separate banner above the header bar. How can I add do this? I tried adding the below code to the header section of Code Injection for the phone number, which I found on an earlier forum post, but when I hit "save" I see the number flash at the top of the header but then it disappears: <div style="text-align: right;"><b>Contact Us at <a href="tel:555-555-5555">555-555-5555</a></b></div> Thank you in advance for your help!

Site URL: https://www.heartstringpictures.com.au/ Hi guys, How come when I change the size of my website window on my computer it drastically changes the layout of the blocks on my page? I'm finding it really frustrating. Other websites that I have seen don't seem to be affected by this issue at all. Also is it possible to have text on a page aligned differently on a computer version of the website than on mobile (center alignment on mobile and left alignment on computer for the same paragraph)? When the screen is smaller it appears ok Once it reaches a size that is roughly 16:9 everything changes Same as above Any help would be greatly appreciated! 😄 Cheers, Harry

Site URL: https://designsfordiy.com/gallery/cornhole-board Who is up for a challenge? For the life of me, I cannot locate the issue where my content is wider than the screen or where the clickable elements are too close together. According to google's seach console, I have both of these errors on my desk build instructions link. Does anyone have any tips, tricks, advice on how to fix these issues OR at least locate where they are occurring on the page? Many thanks in advance!

Site URL: https://www.gender404shop.com I am looking to make the site title unclickable on my website. Does anyone know a code I can add to my website to make this happen? Website password is "october1st" as we are not live yet.