Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'custom-template'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion
  • German Circle Members's Topics

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. I want to write most of my site in an offline Markdown editor, use Pandoc to convert it to HTML, and then add enough custom CSS to be able to style sidenotes and better epigraph-like blockquotes in, at least, the blog, but maybe everywhere. I have the special HTML creation part working, but it needs the custom CSS to display properly. The custom CSS is not designed for Squarespace—more for Hugo, I think. The (1000-line) css theme is here: https://github.com/jez/pandoc-markdown-css-theme/blob/master/public/css/theme.css The SS Sitewide Custom CSS editor seems to detects a lot of errors/problems which is unsurprising. I might be willing to debug the whole thing, but… it’s like working blindfolded if I don’t really understand what classes already exist in SS and can and can’t be adjusted. Maybe it’s all there in browser inspectors (is it?), but… is there a best-practice way to approach this kind of challenge in Squarespace with more efficiency / clarity? I’m a beginner, but have a front-end person on this, but… this is different from what they normally do, so still looking for good advice at this stage. p.s. I’m willing to undergo a lot of struggle to get sidenotes* happening, but it would be great to find out sooner if this route is impossible (*sidenotes are like footnotes, but they live adjacent to referencing text for easier examination of sources. Kinda tricky to do manually, but someone already coded an efficient way to do this—just not for Squarespace). Thanks for any guidance you can provide.
  2. I want to make an ad posting website automate the classified ads and they will shown on community ads page after admin approval just like : ilovecreatives.com but i cant able to find the best extension or third party application for this !!! I have tried it to make it by membership works but Can't get the desired output. As It as its basic template to show it listings and filters. I just need a similar website like ilovecreatives.com kindly help me . to find the best solution for this.
  3. Site URL: https://synthesizer-vanilla-lar3.squarespace.com/config/ Hello! I am a singer/actress helping to create a website for me and my vocal teacher. Where I am really struggling is putting our resumes in. You can follow the URL and see how hers has turned out by me just painstakingly putting it all in individually, but now I have a "snake" of a line of dates i need to fix. And on my personal site, it is nonexistent because of how much I have struggled and how the templates really don't like it when you put a resume in! So if someone could help me create a custom code, or even if you have one already for similar reasons, i would really appreciate it! Thanks -Katie
  4. Site URL: https://www.priyajpatel.com/ Hi everyone. I am having some trouble trying to horizontally center align pictures and texts within my sections & blocks. There are a few things I am looking to fix, and am wondering if they can be solved by just some code. Throughout my work pages in my portfolio I have different sections highlighting certain things, but they won't center align horizontally. I tried adding a spacer but it isn't very responsive for smaller screens, since they would just make the text and image off center. I am having the same issue with larger sections too, where I have two different sets of images and texts that I want aligned. I am not sure if I can do the same thing with this since there are so many things in one section, but I don't want to have to put them into 2 different sections since they are about the same thing.
  5. Hey hi, i have seen on the forum the exact same question i'm posting right now but none of the answers work for me so here i am. I’m trying to remove the navigation bar from a specific page on my maple inn template (brine family). I'v read that i should insert this code : body#collection-5d58db8548099500014d80bb nav.Header-nav.Header-nav--primary { display: none; } But it doesn't work. Is there another way to do it or should i modify something in the code ? Thx in advance for your help !
  6. i have a custom template where i would like to include a content block from another page and reuse this content block multiple times. I tried using squarespace:query tag however in the json loaded i dont see any content. for example the code would look similar to this mainpage.region <div> <squarespace:query collection="page-1"> <!-- get content from page 1 --> </squarespace:query> </div> <div> <squarespace:query collection="page-2"> <!-- get content from page 2 --> </squarespace:query> </div> <div> <squarespace:query collection="page-1"> <!-- get content from page 1 again --> </squarespace:query> </div> How can i accomplish this?
  7. Site URL: https://www.christianjleong.com/ Hi, I'd like to attach my fade-in sitewide animations to a code block (and specifically a div). How can I do this? Thanks
  8. Site URL: https://moose-soybean-sxzd.squarespace.com/designselv-prisberegner Hi all, I have installed a custom renovation calculator onto my squarespace site. I was wondering if it was possible to create a "Save" button/link for the customer to fill out the form later? Every time the page is reloaded, all the data is deleted. And is it also possible to add a button next to "NÆSTE–>" that goes to the previous slide as a "BACK"? "Næste" means "next" fyi. This isn't priority. For the installation i used the script below and embedded it into a code block, but I have no experience with javascripts. Please help. Site url: https://moose-soybean-sxzd.squarespace.com/designselv-prisberegner No password needed. Best regards <div class="calculator" data-calc-id="tq9FCFquMbdWJg8q3"></div> <script type="text/javascript" id="convertcalculator-embedder-ykFDuajp8irTCZujR" class="convertcalculator-async-script-loader"> (function() { function async_load(){ var s = document.createElement("script"); s.type = "text/javascript"; s.async = true; var url = 'https://app.convertcalculator.co/embed.js'; s.src = url + ( url.indexOf("?") >= 0 ? "&" : "?") + "ref=" + encodeURIComponent(window.location.href); var embedder = document.getElementById('convertcalculator-embedder-ykFDuajp8irTCZujR'); embedder.parentNode.insertBefore(s, embedder); } if (window.attachEvent) window.attachEvent("onload", async_load); else window.addEventListener("load", async_load, false); })(); </script>
  9. Hello, I'm working on a site with a custom template to display recipe posts. I cannot find documentation on how to add pagination to the bottom of the posts using the JSON-T language. Could anyone point me in the right direction? Thanks! Cecile
  10. I have a client that wants to add a 3D configurator to his store. He makes custom products that people can upload an image and he prints them on various items. He would like to be able to have the image uploaded and give them a proof on the site. SS does not support this, does anyone have any suggestions?
  11. Site URL: https://www.goldenllamaproductions.com/commercial Hello! I'm looking for a way to achieve a banner image that has a play button that can be clicked into a Vimeo video like this: https://www.tylerkalberg.com/featured-multicare Also, how to create the aesthetic of this full screen image with small font that clicks through to a page: https://www.tylerkalberg.com/featured
  12. Site URL: https://vincentgarreau.com/particles.js/#snow Hello, the following code works for a cool snow effect in 7.0 but not 7.1. Does anyone know how to make it work for 7.1? I'm trying to have this on the first section of my home page. For reference, the code can be found here (click on "download current config (json)" to access the code file): https://vincentgarreau.com/particles.js/#snow And the walkthrough instructions can be found here: https://www.minimist.ca/articles/particlesjs-on-squarespace It works on 7.0 but not on 7.1. What is needed to make it work on 7.1? <script src="https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js"></script> <script> document.addEventListener('DOMContentLoaded', function() { particlesJS("home", particlesJSConfig); setTimeout(function() { window.dispatchEvent(new Event('resize')); }, 100); }); </script> <style> .particles-js-canvas-el { position: absolute; top:0; left: 0; width: 100%; height: 100%; z-index: 1; } </style> <script> var particlesJSConfig = { "particles": { "number": { "value": 400, "density": { "enable": true, "value_area": 800 } }, "color": { "value": "#fff" }, "shape": { "type": "circle", "stroke": { "width": 0, "color": "#000000" }, "polygon": { "nb_sides": 5 }, "image": { "src": "img/github.svg", "width": 100, "height": 100 } }, "opacity": { "value": 0.5, "random": true, "anim": { "enable": false, "speed": 1, "opacity_min": 0.1, "sync": false } }, "size": { "value": 10, "random": true, "anim": { "enable": false, "speed": 40, "size_min": 0.1, "sync": false } }, "line_linked": { "enable": false, "distance": 500, "color": "#ffffff", "opacity": 0.4, "width": 2 }, "move": { "enable": true, "speed": 6, "direction": "bottom", "random": false, "straight": false, "out_mode": "out", "bounce": false, "attract": { "enable": false, "rotateX": 600, "rotateY": 1200 } } }, "interactivity": { "detect_on": "canvas", "events": { "onhover": { "enable": true, "mode": "bubble" }, "onclick": { "enable": true, "mode": "repulse" }, "resize": true }, "modes": { "grab": { "distance": 400, "line_linked": { "opacity": 0.5 } }, "bubble": { "distance": 400, "size": 4, "duration": 0.3, "opacity": 1, "speed": 3 }, "repulse": { "distance": 200, "duration": 0.4 }, "push": { "particles_nb": 4 }, "remove": { "particles_nb": 2 } } }, "retina_detect": true } </script> Kind regards, John
  13. Site URL: http://mattpjones.com I have spent the last week getting my website setup and all is going well! However, when I do desktop view the template forces my thumbnails side by side in a large browser window. Is there some way to not have it do this? Perhaps have padding or a max site width? Since this is a 7.0 template I am unable to adjust site width in the settings as far as I can tell. http://mattpjones.com Here is how it looks currently And I would like it to resemble tablet view, even when in desktop width: The site I am ideally looking to have mine like is http://www.justinmooredp.com/ They have the same template as me but I am guessing there is some custom code to keep the width fixed (regardless of browser size), and then add padding when it gets stretched out on a large display. I am on a 30 inch monitor and seeing like the screenshots above. Any help would be great!
  14. I'm trying to add something similar to what's in the attached image to my site but I'm not sure if it's a Carousel block, a Summary block, or something else. I don't know much about CSS or how to customize it so I'm not sure where to start. Anyone have any idea how to achieve this?
  15. Site URL: https://www.onyxhive.com.au Hey guys, Is there any way of creating a new email Customer Notifications to customers? I dont want to edit existing Customer Notifications like order and fulfilled but create a new template for example when an order is done and completed, a follow up email to rate my service/business through google maps and even offer follow up discounts etc..... BTW it's not a campaign, this is a separate email notification to customers. Thanks
  16. Site URL: https://www.modelingspot.com/ I need a self service, basic job board solution: Where a employer can submit a job ad, which gets published through a system where an admin needs to proof read. And job seekers can search and apply for jobs. I don't want to use third-party plugin. If Squarespace has an in-house job board solution I would pay for it. Thank you for help! https://www.modelingspot.com
  17. Hi, I'm having trouble changing the site title for web/ mobile to a custom font that i've uploaded, specifically for the YORK template. I've tried almost every code from other threads but nothing seems to be working. (Clearly inexperienced) Any help would be greatly appreciated! Stay safe & healthy! 🖤
  18. Site URL: https://www.berenfeld.net/ Hi there :) As the title says - how do I accomplish this? Right now it sits in my main navigation which is not where it should be. I'd rather prefer it to the right of the logo in the secondary nav. I'm using the York template / SQ7.0. Here's my page: https://www.berenfeld.net/ Any help would be really appreciated ☺️
  19. Site URL: https://heron-bassoon-x9re.squarespace.com/ Here's the visual example to help explain what I mean. Please note the top banner of this template: https://chloe71.squaremuse.com/?password=demo I'd like to place images on either side of the page (or banner?) that bleed off the edges. Is there a custom css code I can inject to do this? Thanks in advance!
  20. I need someone to help me with my site. I need custom code to create a video header background with three lots of text that flicks over after about 5 seconds each. It doesn't have to be a video.. maybe even a gif or three images. Please help! Dan
  21. Site URL: https://heron-bassoon-x9re.squarespace.com/ I'm trying to create a banner that has a unique edge along the top or bottom. The graphic is done in photoshop, but how do I upload it to squarespace so the banner blends into the next section? Is there a CSS code I need to use? Thanks in advance!
  22. would it be possible to custom code a block to make it look similar to attached on a product page
  23. Site URL: https://www.immyhowardmillinery.com/theshining Good afternoon all, I am trying to create a link on my product pages that lets customers go back to my main shop page where they can choose which category of products they want to look at. The style I'm trying to create is very similar to this (which can be found on this link: https://www.immyhowardmillinery.com/theshining/bandanna-bow-theoverlookhotel) I have several pages set up similar to this link: https://www.immyhowardmillinery.com/theshining (which is the one I'd like to customise) and I have tried to describe below where I'd like the 'back to shop' link to be. I would like it when customers click 'Back to Shop' for them to be linked to this link here: https://www.immyhowardmillinery.com/shop If anyone would be able to help me with this, if this is a possibility, that would be fantastic. Thank you ever so much Immy
  24. Hi there, I was wondering if it is possible to create a navigation bar at the side of a page based on the headers in that page? Something like this is what I'm looking to do:
  25. Site URL: https://mariannaraikkala.com Im just wondering if there is anyway to find a specific template ? Ive checked the inspect element on the website i like and the template seems to be called octagon dolphin, is there any way to find out where to get it , if its a custom template that was purchased or if it should be available on squarespace ?
  • Create New...