Search the Community

Site URL: https://www.nathancashion.com/bigfoot I'm using Bigfoot.js to create inline footnotes that pop-up instead of link to the bottom of the page. It's working great, the only problem is that the version of Markdown on Squarespace doesn't support the syntax for footnotes. The syntax is relatively simple and similar to links: To create a footnote reference, add a caret and an identifier inside brackets ([^1]). My current workflow is to write the post in Markdown using iA Writer. I then copy the document (or, at least, the section of the document with the footnote) as HTML and paste that into a code block on SquareSpace. This obviously isn't ideal or efficient – if I want to add an image to the post on Squarespace, for instance, I have to separate the code blocks since image blocks cannot be inserted inside a code block and the code block will not simply split at a line break like a text or Markdown block will. Is there any solution to enabling the footnote syntax within SquareSpace?

Site URL: https://frontieras.squarespace.com/clean-technology-v2 Hi, https://frontieras.squarespace.com/clean-technology-v2 How can I embed a video within the accordion menu, I know how to add a link but I would like the actual video to pop up and not just the link. thanks!

Hi everyone, I've been trying to add a counter to one specific page but it isn't working. This is the codepen style, I'm interested on: https://codepen.io/syedrafeeq/pen/OJyLXw If possible, I'd prefer to have the HTML + CSS + Java in just one code to imbed it directly into the page location, instead of having them in separate locations. After custom it, this is what I managed to modify the code into (see image). Thank you, in advance!

Hi is it possible to list out multiple data section ids for one set of css This doesn't seem to work so im wondering if there is another method [data-section-id="63a47ed57f4f560e989882c9”], [data-section-id="63a480337f4f560e9898ac76”], [data-section-id="63a4804fd610163651c3c4f5”], [data-section-id="63a480771e0fe210f84f4001”], [data-section-id="63a4809914e37d1742619a31”], [data-section-id="63a480b5ee1b281b1e1ea0e0”] { position: fixed !important; z-index:9999; }

hi guys. I want my contact form to pop up when I click the image. now, it opens another page and the contact form is there. but I don't want to see that page.

hello. I created an image with code and I want to link another image into it to open as pop-up when I click the first image. how can I do that?

i dont know why but there is a black block. tried some css but doesn't work. https://flower-cube-8ml7.squarespace.com/config/pages

Hi, I have managed to get most of my pages indexed by Google, however, certain ones are not coming up due to "error found" - The error is that the sites are in HTML. I am brand new to this, the only thing I can think of is that the template I have picked for these certain Pages within my site are set up differently. How can I fix this issue? it applies to these pages within my site: www.optisportsphysio.com.au/news (and the blog posts within) www.optisportsphysio.com.au/team Thanks

hi. i took the "Aller" font from adobe through Squarespace and the language of my site is Turkish. so, I have some special letters like "ş, ö, ü". but Squarespace doesn't see those letters. how can I fix it? in the picture below, you see a normal "s" and one more with dot under it. I have to change the one with dot.

hi. I created a "back to top" button for my website. it's just a circle actually. I want to add an arrow into the circle to make it more clear. here is my codes: -TO THE HEADER- <a href="#" class="btt"> <span class="btt-icon"></span> </a> - TO THE FOOTER - <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script> var scrolled = 400; $(window).scroll(function() { if ( $(window).scrollTop() > scrolled ) { $('a.btt').fadeIn('slow'); } else { $('a.btt').fadeOut('slow'); } }); </script> <script> $('a.btt').click(function() { $('html, body').animate({ scrollTop: 0 }, 700); return false; }); </script> - CSS - a.btt { display: block; position: fixed; z-index: 999; width: 45px; height: 45px; right: 30px; bottom: 30px; background: white; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; box-shadow: 3px 3px 10px rgba(23, 25, 25, 0.2); transition: transform 0.3s ease-in-out; }

hi guys. I want to show ''English'' option as ''EN'' and ''Turkish'' as ''TR'' in my site. But I can't use like that when I pick the language. how to do that? pw: 00001111

Hi I would like to upload games from Game Maker that my students make, onto my site. Game Maker exports an HTML index file, a folder with all the assests, and a favicon.ico file. How can I make a page for this? FTP? Thanks

Site URL: https://www.futureparks.org/blogs hi folks, Had a complaint from a client that having multiple H1's in a single page is not good practice for accessibility - they're right and usually most organisations aren't too bothered.....until now. Legislation in UK is changing on 20th Sept where public organisations and public facing charities are mandated to reach WCAG AA and as much of AAA as does not place an 'ureasonable burden' on the organisation. So on the blog index page masonry /blog, each title on each blog card is an H1 - how can I change to H2? I've had a poke around Design-->Fonts--> Advanced etc but can't find anything specific - so I guess custom css to change a class? - <h1 class="blog-title"? I'm still learning the CSS for Squarespace and that's a bit beyond me at the moment and I have the client breathing down my neck! Any help would be gratefully received! Thanks, community 🙂

Placing HTML in the list item's description doesn't actually display the code. Seems this will require custom code injection. Anyone know how to insert custom HTML below the description in an auto-layout simple list?

Good evening, I run a coffee business, so my website includes brew guide pages for various brewing methods, and as a part of the page, I have added a timer that may be used in line with the guide for timing each step, but I would love to style the shape, colour, and fonts of the buttons to match our branding. I have tried to create a modifier or style section within the code to adjust the corner radius, but nothing seems to work. Can anyone point me in the right direction? I have included the html for the code embed below for reference: <html lang = "en"> <head> <title>Stopwatch</title> </head> <body> <div><strong>Seconds:</strong> <span id="time">0</span></div> </center><input type="button" id="startTimer" value="Start" onclick="start();"> <input type="button" id="stopTimer" value="Pause" onclick="stop();"> <input type="button" id="resetTimer" value="Clear" onclick="reset();"> <script> var timeElapsed = 0; var timerID = -1; function tick() { timeElapsed++ document.getElementById("time").innerHTML = timeElapsed; } function start() { if(timerID == -1){ timerID = setInterval(tick, 1000); } } function stop() { if(timerID != -1){ clearInterval(timerID) timerID = -1 } } function reset() { stop(); timeElapsed = -1; tick() } </script> </body> </html> Thank you all.

Hi there! I am trying to create an after and before image slider to showcase an before and after image of my photography works. Is there anyway that this is possible in Squarespace 7.1? If so, can anyone upload a tutorial on how to do so? Thank you very very much in advance. 🙂

Hi all, my website has a product where we require the customer to fill out a custom form in order to complete the purchase. Unfortunately, the form will not scroll down when opened. https://www.sdfsa.org/store/resource-organizing-workshop Click on 'register' If you place your cursor in any of the visible fields within the form, you can move through the questions by hitting 'tab' Is it due to the code I've added into the code injection and CSS areas? Please help! Thanks!

Hi There, After updating to fluid engine I've noticed that all of my plugins from Elfsight show up with an additional block of blank space that I can't remove. I've tried going through all of the space settings in Squarespace and Elfsight, but can't find anything that removes the extra block. I've attached some screen shots from one example, as the site isn't published yet. Any ideas would be greatly appreciated! Henry

Fore the life of me, I cant find or hide the div on the very right of my website. (IN the attached image, it’s in orange on the right) Its pushing all my content left, and is very annoying! Please don't send me tot eh page on "site spacing" but has anyone else resolved this issue?? Thanks!

hi all. i was wondering if there is by any chance a way to align the search bar, starting from where it says "type to search" with my website title, so that it's aligned on the far left hand side with the letter "C" in my website title, Clé de Clarté? thank you!! password: rachelle

Hi everyone! I'd like to add a more complex dropdown nav to my site, but need some extra guidance on how to develop this. I'd like to add sections in the dropdown folder, so this would create secondary and tertiary pages. For reference, I'm looking to achieve something similar to Stripe's Products tab: https://stripe.com/ They have 3 sections under the Products tab with multiple pages under each section. My content will be structured the same with 3 sections and multiple pages under each one. Any insight would be appreciated!

https://disc-bat-74dp.squarespace.com/coaching password 123 I am trying to make the yellow square, full bleed into the navigation, so half is light grey and half is yellow. any ideas of code?

I have a small set of related pages that have their own secondary navigation to link them along the bottom of the header banner. The links work fine, and the hover effect works, but I am unable to get the link text buttons to style differently if it is the active page. html <div id="second-nav"> <div><h3><a href="/team-officers">Officers</a></h3></div> <div><h3><a href="/team-board">Board</a></h3></div> <div><h3><a href="/team-fellows">Fellows</a></h3></div> <div></div> <! extra div needed to correct centering of the last item > </div> CSS /* ** Secondary NAV ** */ #second-nav > div{ padding-right: 20px #second-nav { postion: absolute; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; } #second-nav h3{ background-color:#8EA98B; top: 0px; padding: 0px 4px 4px 12px; width:100%; z-index:1000 !important; box-shadow: 4px 4px 7px rgba(0,0,0,0.4) } #second-nav h3 a{ color:white !important; font-size:15px; } #second-nav a:hover{ color:white !important; opacity:0.6; } I have tried many variations of this unsuccessfully #second-nav active a{ color:#3d4635 !important; } Thank you. url: https://www.conservenassau.org/team-officers password: see2theSea@dawn

Site URL: https://www.byelsapapa.com I am using 3 fonts on my website but Spacebar (for SEO purposes) is telling me there are 5 on my website (so 2 unchosen are hidden somewhere and I cannot identify where). When I go through my Site Styles (and under every single sections where I had to input my chosen fonts) only the 3 I am using appeared. How can I remove these unwanted fonts (invisible fonts through design)? Thanks so much in advance!

I received a email from Google saying there are duplicate pages on my site. I found I have two homepages: https://www.sheepshuttle.com/homepage and https://www.sheepshuttle.com/ I would like to only have this one appearing in the sitemap file and Google Index https://www.sheepshuttle.com/ However the other one appears in the sitemap.xml file. Any help is appreciated. Thanks