Search the Community
Showing results for tags 'html'.
-
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!
-
Site URL: https://frontieras.squarespace.com/clean-technology-v2-1 Hi! I want the numbers to be over the text, as it appears in the desktop version, mobile should be number, line, text, but it is doing all numbers first before text Any ideas for code? Lindsey
-
Hi, I'm wondering if it's possible to embed an OpenSea NFT token (crypto-currency) collection into Squarespace? Would there be any problems with the checkout process? Here's the link from OpenSea on how to embed the collection: https://docs.opensea.io/docs/embeds Thanks! -
Hi, Is it possible to add this type of animation, that when you hover the text appears animated and also the image zooms? example: https://luxcapital.com/companies/ Thank you!!
-
Site URL: https://hannahesweet.com/ Hello! On my website, I have a portfolio section at the bottom of my page. At the moment, I have all pages hidden using custom CSS. However, there is still a blank space where the section is at the bottom. How do I hide this section so there's no blank space at the bottom of my page? Thanks in advance!
-
Hi, Does anyone knows how to create a crossfade animation for two images? for example, i have to images, one of top of the other one and i need them to be like back and forth, like changing that 1 second one image is on top and the other second the second image is on top. I dont know i explained myself, if not please let me know so i can be more specific! Also, does anyone knows how i can create this slider effect to a gallery images? https://abdomohamed.com/ the one in the "boharat" section. Heres a video! Thank you in advanced!! Grabación de pantalla 2022-05-19 a la(s) 19.35.14.mov
-
Hello! Would it be possible to add custom links as icons like on the image? -
Hi, so I have some html code that I can use to build a scroller like this: https://codepen.io/PixelNull/pen/qzmRKe. But struggling with figuring out how to incorporate it into Squarespace. Anyone know how to do this?
-
Countdown Timer for Wedding Website on Personal Plan
atiberi14 posted a question in Coding and Customization
Site URL: https://www.thefuturemorgans.com/ Hi! I'm trying to add a countdown timer to my wedding day on my wedding website, similar to something like the attached image. Whatever code I find online does not work for my personal Squarespace plan, but when chatting with support they told me some code will work with my plan. Does anyone have a countdown timer code that will work with a personal plan? Thanks! -
Hi! Is there a way to upload an SVG/PNG icon behind a text?
-
Rotating Text and Video Background Audio Questions
paigethirtytwo posted a question in Coding and Customization
Site URL: http://storybolt-mock-website.squarespace.com/ Password: storybolt Rotating Text 1. In the rotating text portion above the main nav bar, how do I make just the word "StoryBolt" pink? I was able to customize the HTML, but when live, it is color white. 2. Also, how do I make the phrase "Through Documentary Storytelling & Open Conversation" fit in just one line? 3. Can we adjust the timing where the phrase "StoryBolt Fuels Team Innovation & Performance" appears first so it's the first thing people will read when the page loads? Apparently, client says the statement "By Igniting..." appears first on her end. (Could be a loading issue, but curious whether it's possible to adjust this.) Video Background Audio I added this plugin (https://www.sqspthemes.com/plugins/background-video-controls) to the videos. When played, can we automatically unmute once people scroll down? So technically, client is hoping that there would be no sound once they leave the video portion. Thanks so much! -
Site URL: https://www.horosho.io/ Hi Everyone! I am having an issue where text, for some reason, will not indent on mobile. I am using the indent button in the text block, and everything works great on desktop. However, on mobile, the text remains left-aligned (see screenshots). Is there some setting in Squarespace that I am missing? Or, is this something that can be fixed through CSS? Thank you!
-
Nonprofit Help: Code overriding other code blocks
Lindsey-NIVAS posted a question in Coding and Customization
Site URL: https://www.nivas-built.org/donate Hi. I am not a coder or web builder, so apologies for my naïveté in advance. I am building a donation page on our nonprofit website. I am adding 3 different form codes on three different index sections for different donation types: buy materials, build a home, and sponsor a family. Each time I add new code to a new block it over-rides the other two code blocks on the index page making them all appear the same. However when I look at the code itself it is clearly different. It is also creating a repeat of the same block down below itself. You can see here: https://www.nivas-built.org/donate Template is Brine Sonora 7.0. I am first copying the code from Kindful (control C), deleting the placeholder code in the code block, then replacing by hitting control V. Just in case my process is causing the issue. I have talked to Kindful, the creator of the form blocks, and SquareSpace, and neither are able to troubleshoot this. Any help would be greatly appreciated since our donation platform is mostly unusable at this point! -
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. 🙂
-
Creating a horizontal navigation menu
marcelamagana004 posted a question in Coding and Customization
Hi, Does anyone knows how i can create a horizontal menu? i want to use this code but im not an expert and i dont know how to inject this to my hamburger menu to display horizontally. https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_mobile_navbar_hor -
Customize primary navigation links in forced desktop burger menu
CarS posted a question in Coding and Customization
Site URL: https://collie-lavender-2bjs.squarespace.com/config/ I am trying to customize my forced burger menu links. I forced my burger menu onto desktop website by adjusting the Mobile Breakpoint in Design>Site Styles>Mobile Breakpoint. I am unsure if that is why I am unable to customize it properly? I can't seem to find a code that works to change the font for the links "About" and "Contact" in the dropdown menu. I would also like to have my dropdown menu pop out from the right, not the left. Does anyone have any html code that will solve these issues? https://collie-lavender-2bjs.squarespace.com/config/ pw: CaSd1801 -
Site URL: http://www.puntaverdeplaza.com Hi. I added an interactive image using a table via a code-block. The code works fine outside of Squarespace; but once I plug it in, Squarespace adds space between the table rows and my image looks sliced. I tried altering padding and margins through custom css but nothing seems to work. Any ideas on know how to fix it. Thanks Second map at: http://www.puntaverdeplaza.com
-
Site URL: https://www.thenursingbeat.com/ Trying to make "the" in theNursingBeat smaller. Any coders out there who can help me with this? <strong>theNursingBeat</strong>
-
Custom Font for new Scrolling Text Block
StephanieMace posted a question in Coding and Customization
Site URL: https://www.onlythewildones.com/ I want to change the font of my scrolling text block to match the headers! below was the code for the headers. how do i update this text to match the pink headers? screenshot attached. p1 {font-family: 'freeland'; font-size: 36px; color:#cc818d} -
Hello, I am in developer mode and made a very simple change to test, I properly pushed and after everything loads I get "fatal: the remote end hung up unexpectedly" then after it says everything is up to date. I see no changes made in my original site. What does this mean and why can't I see my changes? Thanks!
-
I'm trying to create a live social media follower count for each site at the bottom of my site. See screenshot for example. Any ideas on how this could be accomplished? Just spent the whole evening scouring the web to no avail. Let me know if you have any ideas! Thank you.
-
Site URL: https://noahlangphotography.com/blog I don't want to apply <meta name="robots" content="noindex"> to the entire blog page. I just want to target specific urls? Is there any way? Thanks -
Embedding Snazzy Maps with (new) Snazzy Info Window
existentiallywarm posted a question in Coding and Customization
Site URL: https://bluebird-kangaroo-dwz5.squarespace.com/tasting-rooms Hello! I have a Snazzy Maps with a Google API that I've embedded in a Code Block here. (password: Cows) Snazzy Maps has a new plugin here that is meant to populate a dialogue box with every marker on the map. For some reason, I can't get these to sync. Are they just incompatible? Do I need to insert code into a different area? Help me pleaseeeee. Thanks in advance! -
Codepen code to create an animation on a cover page
marcelamagana004 posted a question in Coding and Customization
Site URL: https://codepen.io/KaioRocha/pen/YoEVvZ Hi! Does anyone know how i can create this animation for my cover page? Its a code pen and i tried to use it on sqps but its not working. Thanks in advanced! -
Hi everyone, right now I'm working on a scroll down effect that is supposed to trigger an SVG image. I run my code in a HTML file and it works perfectly but when I do it in my SquareSpace site it doesn't work at all. All i get is my image in the middle of my screen, doing nothing at all. Here is my JS code in HTML: <body> <div> <svg width="285" height="277" viewBox="0 0 285 277" fill="none"> <path d="M283.5 138.5C283.5 214.123 220.413 275.5 142.5 275.5C64.5873 275.5 1.5 214.123 1.5 138.5C1.5 62.877 64.5873 1.5 142.5 1.5C220.413 1.5 283.5 62.877 283.5 138.5Z" stroke="#FF0000" stroke-width="3"/> </svg> </div> <script> let path = document.querySelector('path') let pathLength = path.getTotalLength() path.style.strokeDasharray = pathLength + ' ' + pathLength; path.style.strokeDashoffset = pathLength; window.addEventListener('scroll', () => { var scrollPercentage = (document.documentElement.scrollTop + document.body.scrollTop) / (document.documentElement.scrollHeight - document.documentElement.clientHeight); var drawLength = pathLength * scrollPercentage; path.style.strokeDashoffset = pathLength - drawLength; } ) </script> </body> This code works, so what am I doing wrong in squarespace ?
.thumb.png.8a148de79005a43a36c0981547e40f6e.png)
