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

Search the Community

Showing results for tags 'html'.

  • 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

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Hi, I am injecting a js script using a code block. The block draws a canvas and displays stuff on it. The problem I am having is that the canvas I draw appears in a totally wrong place. For reference, I want the canvas to appear where the red box is, but it appears all the way down close to the page's footer. What am I doing wrong? The html code is super simple. it goes: <div> <script> // STUFF IN HERE </script> </div>
  2. Hi, I am trying to add a simulation to my website. I have everything running with javascript and an index.html on my local workspace, but am wondering how to place it in an online page. I have tried using code injection, but have failed miserably. I am using the p5.js library for visualization and a local script called Boids-2D . Does anyone know where and how to put this? Sorry if it is super easy, but I am very new to web development. Thanks! This is my local index.html code <!DOCTYPE html> <html> <head> <
  3. Site URL: https://rolling-pictures.squarespace.com/ I need the iframe video to take up the full width of the mobile screen so that it feels more like a banner video. Ideally, this would be nice for Desktop as well but I'm willing to even just get it for mobile. Also, how do I get the fullscreen button to stay in the left corner of the video and make it stay that way when scrolling across different fields. Attached is what it loos like right now.
  4. Site URL: http://metgal.art/ Hello! We have seven core values that we are wanting to showcase on our site. I'm working on doing something like Gusto has their site. Image attached. Can someone help me with a responsive three column, two row (then one full row at the end for the seventh value)? If it helps to inspect on Gusto's site, the link is: https://gusto.com/about
  5. Hi - I am want to customize the IMAGE CARDS to build a 4 item infographic. I've managed to adjust the layout for the desktop view with the code below, but cannot figure how to adjust for smaller screens. Can someone please shed light? I've added reference photos below. Site URL: https://lustrelove.squarespace.com/Pwd: boldbab& <style> @media screen and (min-width:768px){ .design-layout-card .intrinsic { width: 20% !important; } } </style> <style> @media screen and (min-width:768px) { .design-layout-card figcaption.image-car
  6. Site URL: https://www.takeout.kouzinagreekmeze.co.uk/ Hello, I am trying to replace the button on my header that says 'Order Now' with custom html code that produces a button that takes customers to a third party ordering system via a pop up. I have already successfully installed this button on my home page main image (the one that also says 'Order now') via a coding block, but i also want it to appear in my header so that it can be accessed anywhere on the website but I am unsure of how to insert this code into my header, replacing the header button. The code is the following
  7. Site URL: https://www.chrisjourdian.com/music password: Music123 I'm trying to make the iframe responsive on mobile. I've tried putting the iframe inside and div and make it resize according to the div. This is the code I used but it isn't doing anything: .songwhip { position: relative; height: 0; padding-bottom: 25%; overflow: hidden; } .songwhip iframe { position: absolute; width: 100% !important; height: 100%; top: 0; left: 0; } Thanks in advance~!
  8. Hi there, I'm looking to hide my navigation (header) but keep the announcement bar on one page only. Any ideas how I might accomplish this? Any help would be so appreciated! Thank you!
  9. Site URL: https://www.allieandburke.com/wedding I am trying to remove the lines from the quote block styling in the Julia template. It looks particularly weird on the left-hand side when the text is right-aligned and then there is a random floating line on the left. I embedded custom code on this page to create the vertical timeline. The timeline is pulling in the quote content. If possible, I am really trying to avoid using a new SS template. If anyone has any tips or tricks to remove this line styling that would be greatly appreciated. Let me know if you have any questions!
  10. Site URL: https://goldfish-onion-msnw.squarespace.com/ Hi there, I'm having trouble injecting code into a site I'm working on for a friend! I would like to insert code for a booking widget to replace the "Book a Session" button on the right side of the header now. I have successfully used the below code to create a buttons on the body sections of the site, but when I inject the same code into the header, it sits above the header rather than integrates in. Also, I'm not able to get the widget to appear anywhere other than the left-hand side of the site, despite updating the text ali
  11. Site URL: https://www.lightofinfinity.com/testimonials-reviews Hello! Is there an easy way to increase the width of a review widget? Basically it looks good on a smaller screen, but on a large monitor it is very much limited in width and aligned to the left by default. As a result, I've had to narrow the width of that specific page down so the widget can look somewhat normal. If I can get it to decent width, I think it'll look pretty good, even on a larger screen. On a phone or laptop size screen (which most people will likely be on anyway) it looks good enough, but it would be n
  12. Site URL: https://www.standupspeakout.org/episodes Is there any way to add a class that I can then tweak the spacing of items in a block with. I want to edit the spacing in the header area on a page to decrease the spacing between blocks. I have searched and haven't found any information on this. Thanks for any direction with this. Shari
  13. Is it possible to add custom css and html and JS all in the same code block? i want to add js animation to a new html div, using css as well. i dont have a site yet just a general question.
  14. Site URL: https://supercubesnew.squarespace.com/doors-and-door-accessories Nancy Whittlesey Today at 15:04 I've set up a page of products for my client. Note: they won't be purchased online—it's only to provide information and pricing. My problem is when someone clicks to the detail page, the breadcrumb gives the option of going back to the main DIY Kit Pricing page or the category page, Doors and Door Accessories. If they go to the category page the breadcrumb navigation says ALL and Doors and Door Accessories, which are essentially the same thing. That's confusing and I w
  15. Site URL: https://parrot-coconut-lrey.squarespace.com/ Hey there, I'm looking to display a logo at a specific size in my footer, however when I have resized it outside of Squarespace it keeps on showing up blurry so I'm looking for a workaround with a JPG which is crisp but too big. I have inserted a HTML Code Block in the footer with the following code: <a href="www.artscouncil.org.uk" class="arts-council-logo"><img src="https://static1.squarespace.com/static/6036247f4f16d770dff790e6/t/603683bfc100495c1d604681/1614185408740/lottery_Logo_Black+RGB.jpg"
  16. Can anyone share how you add PayPal to a squarespace website?
  17. Hello, I'm having trouble editing the /cart page. I need to remove the announcement bar on the /cart page but can't find out how to edit that page. Any ideas? Thanks so much for your help!
  18. Site URL: https://www.chandrastation.com/ I have been trying to add this our websites header section any help would be really appreciated. https://codepen.io/hduffin1/pen/QOMZJg
  19. On one of our pages, we have added a custom HTML: <div id="customer-identification" data-email="{{ customer.email }}" data-id="{{ customer.id }}" style="display:none;" ></div> We want to replace `{{ customer.email }}` and `{{ customer.id }}` with the actual email and id of logged in customer on the site, dynamically. How can we do it? Does Squarespace have any global customer variables which we can replace here?
  20. Hi there, Canva has this new option of designing whole web pages. Say like this: https://www.canva.com/design/DAEXCxiz7e0/payRZVwHhvQ2q2FtNnX2zg/view?website#2:quick-and-hassle-free-shopping Can anyone tell me if it's possible to embed the whole page design in Squarespace? When I enter the Canva embed code in the page header, which is the following: <div style="position: relative; width: 100%; height: 0; padding-top: 48.1481%; padding-bottom: 48px; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden; border-radius: 8px; will
  21. My demo submission site gave me an iframe code, and when I put it in the page snippet loads to the top left of the page as you can see in the picture attached. The code is <iframe title="Upload your demo" style="width: 500px; height: 525px;" width="500px" height="525px" src="https://virpp.com/widgets/label-upload/o05TZ8NlKnO5hcKFbfUnA6fcr?affiliateId=OAOaEuoEfbZUHOqk4CrdFoHD5gdzH8gm0THM2wkHchs87IShH6" scrolling="no" frameborder="0" allowTransparency="true"> </iframe> I really want to get this page snippet, in the middle of the page. Anyone have a potential solutio
  22. Hey. How to add an anchor link in markdown block? I have a code with sup tags and cant figure out whether it's possible to have a anchor link. <p><span style="color: #282828; letter-spacing: 0.02em; font-size: 26px; font-weight: 400;"> Write <sup style="font-size: 10px; line-height:0; vertical-align: 10px;">10</sup>
  23. Site URL: https://seal-oriole-3n7r.squarespace.com/ Hi folks, I would like to apply this effect (image over text hover, I don't care that much about the image distortion) on the landing page https://tympanus.net/Development/SVGImageHover/index3.html and I am unable to. I tried it with the code block but it just doesn't happen. I'm just a beginner with code. Any idea? Thank you in advance PASSWORD: thankyou
  24. Site URL: https://jayuzumi.com/test Hi if you press the share button and then click twitter for example it doesn't work and the pop up window doesn't show. I purchased this audio plugin and the developer doesn't know why it's not working and everything is implemented correctly, he did ask this though- Is it possible that the website has some feature that prevents the popup window to open? https://www.w3schools.com/jsref/met_win_open.asp I also have another site which it works perfectly on you can see the working player here but on a non Squarespace site. Can anyone help, this
  25. Hello, I've scrolled through the questions in this community and tried various suggestions and I still end up with an issue around embedding a timeline using either CSS or HTML within a code block. I'm not sure if it's because it's within a blog post or what, but even when the code actually does work (and I mean does straight up show the actual code in the block with all </> and all) the display is completely off. It's not responsive, the format is wrong, the color is wrong, the only thing right, are the actual words. I have a personal account so I know there's limitations, but I do
  • Create New...