Jump to content

Search the Community

Showing results for tags 'code'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • Welcome to the Forum
    • Customize with code
    • Commerce
    • Feedback on Your Site
    • Images & Videos
    • Pages & Content
    • SEO
    • Products
    • Resources
  • 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. Site URL: https://www.prsnlhb.com/view-all Hi Everyone, Is there a way to move the price to the right side and on the same line?
  2. Hi, http://pelican-mayflower-36wy.squarespace.com site password: Lincoln22 I am trying to change the color of my text link on hover from red to blue for the individual page navigation: This is the code I'm using: p a { text-decoration: none!important; } p a:hover { font-weight: bold; color: #5fb6e4!important; } It does change to bold when I hover but it does not change to blue. Any recommendations? Thank you!!
  3. Site URL: https://www.aditya-sinha.com/ Hi anyone, or @tuanphan hopefully, I am trying to add a code on top of the slideshow on my homepage in order for a scroll down indicator to show up. I tried it on a normal section and it worked, code used: <div class="scroll-down"></div> <style> .scroll-down { position: absolute; left: 50%; bottom: 10px; display: block; text-align: center; font-size: 100px; z-index: 100; text-decoration: none; text-shadow: 0; width: 30px; height: 30px; border-bottom: 4px solid white; border-right: 4px solid white; z-index: 9; left: 50%; -webkit-transform: translate(-50%, 0%) rotate(45deg); -moz-transform: translate(-50%, 0%) rotate(45deg); transform: translate(-50%, 0%) rotate(45deg); -webkit-animation: fade_move_down 4s ease-in-out infinite; -moz-animation: fade_move_down 4s ease-in-out infinite; animation: fade_move_down 4s ease-in-out infinite; } /*animated scroll arrow animation*/ @-webkit-keyframes fade_move_down { 0% { -webkit-transform:translate(0,-10px) rotate(45deg); opacity: 0; } 50% { opacity: 1; } 100% { -webkit-transform:translate(0,10px) rotate(45deg); opacity: 0; } } @-moz-keyframes fade_move_down { 0% { -moz-transform:translate(0,-10px) rotate(45deg); opacity: 0; } 50% { opacity: 1; } 100% { -moz-transform:translate(0,10px) rotate(45deg); opacity: 0; } } @keyframes fade_move_down { 0% { transform:translate(0,-10px) rotate(45deg); opacity: 0; } 50% { opacity: 1; } 100% { transform:translate(0,10px) rotate(45deg); opacity: 0; } } </style> But I cannot seem to Insert a code on the slideshow. Any way I can sort this out? Password for access: tester
  4. I see a preview of the code when I insert it into a code box on the page, but when I click save the entire page goes blank. Help? <iframe src="http://daar.rdeskbw.com/kevin-porter/listing/listingsearch.aspx" width="100%" height="100%" frameborder="0"/>
  5. Site URL: https://collie-dragonfly-jcwc.squarespace.com/ Hi, site URL: https://collie-dragonfly-jcwc.squarespace.com/ || Pass: ArtPrint_100% I'm on Squarespace 7.1 - using e-commerce package I would like to add a code block to the product item pages above the actual product images and description, should have the same position as here on the other pages https://collie-dragonfly-jcwc.squarespace.com/artwood-prints Only way to insert the code right now is within the additional information block, which keeps the button at the very bottom of the product page, see here https://collie-dragonfly-jcwc.squarespace.com/online-shop/p/uhrentraeger-original Code: <div class="button-bgcontainer"> <input type="button" value="ZURÜCK" onclick="history.back(-1)" class="buttonBg"/> </div> Any assistance from the community is very much appreciated. Thanks
  6. Hello:) I have these black lines on the side of my video. I used this tutorial to add in my video: https://www.katescott.co/blog/squarespace-animations. In code block: <video autoplay="autoplay" muted loop="true" width="100%" controls> <source src="https://static1.squarespace.com/static/61d0f1f92ffb8339ed5a974b/t/639fdda26868072f56a019d3/1671421354482/branding-z_social-implementation-800x450.mp4" type="video/mp4"> </video> CSS: .video { background-color: white; pointer-events: none; position: center; aspect-ratio: 16/9; } How can I get rid of those black lines? BTW, the video itself doesn't have those lines. Site: https://www.makellwebb.com/branding
  7. Hello! I'm having trouble fixing the spacing/margins between flex divs on larger screens (specifically a macbook pro 15-inch at 2800x1800 Pixels). I've added coding to make the layout work on larger screens, but it doesn't work on ones that are wider than what I own. Anyone have a solution? https://level44media.squarespace.com/
  8. Hey everyone! I'm trying to get all my buttons to be the same length on this page but I can't figure it out. I tried using this and it didnt work: #collection-63c8097b9f57561f5d604f40 { .sqs-block-button .sqs-block-button-element--medium { width: 360px !important; max-width: 70% !important; } } Thoughts?
  9. I'm using a contact form code from my CRM and when I first set it up it worked fine and now suddenly it doesn't show up. However it shows up on mobile? I've tried deleting it and re entering it and reaching out to the CRM about the code. The code is fine so I don't know what to do from here. Edit Mode Live Mode
  10. On the homepage, I've managed to create a white downward bouncing arrow—found on other threads. But would like this to be clickable, so it moves down to the next section. Smoothly, and without refreshing the page. Is this possible without upgrading to the "Business" plan? I'm assuming this requires some sort of Javascript? https://gerbil-soybean-w6m2.squarespace.com/ password: highwycombe
  11. Is there css that I can use to change the link that the logo leads to on desktop and mobile? this is for http://plenitudpr.org I would like the logo to lead to http://plenitudpr.org/welcome
  12. Hello Everyone, I have been unable to find a solution to this ongoing issue and am looking for any possible help. My question is in regards to the category drop-down menu at the top of the product page. I was looking for a way to change the "CATEGORY" to "CATÉGORIE"? Any help is greatly appreciated. Thank you
  13. Hi Can anyone advise why the coded icons are causing the next section to distort? It's only happened since linking the icons to internal pages. Also can anyone advise on fixing the button alignment on the background card and adding drop shadow? https://ocht-org-nz.squarespace.com/ p/w: ocht Thanks
  14. Hello! So my client has a blog where they show trade ideas for the week and typically includes a table over a split graphic of a table and a graph. My initial strategy was to simply insert a picture, but the text becomes too small when looked at on mobile so I tried a table code block over a split code block + image block and it will not render properly at all, in fact, the image disappears altogether and the heading gets bumped down to the bottom of the blog post: https://stradegy0.squarespace.com/config/pages Attached images are what it is supposed to look like vs. what it does look like. Any ideas?
  15. Site URL: https://www.edibleaudio.co.za/ Hi, I am using the page section code to create anchor links but it doesn't seem to be working. I am adding the following text (for example) to the link field: #page-section-627a245add445f6d5442c552 I've also tried to test the links with the live site but still no luck. I'd rather not use the code blocks for anchor links, so any suggestions to make this page section method work? Thanks
  16. I have the following code to center a background image in a section. I am trying to figure out how to prevent the image from scaling. section[data-section-id="63e1bc6bf9b9ca361148d813"]{ .section-background, .section-background .section-background-content, .section-background .section-background-canvas, .section-background .section-background-overlay { top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; } }
  17. I wonder if anyone can help me. I'm trying to create a custom URL that I can track in GA4. I want to use URL mapping in SS to divert from the custom URL to a specific page so that I can track it in GA4 but after creating the URL using GA campain URL builder : https://www.rompompom.co.uk/?utm_source=email&utm_medium=email&utm_campaign=speaker0&utm_id=TATIM and then pasting it into URL mapping on SS there are errors shown in red where the &s are in the URL (see attached). Can anyone help? 🌈
  18. Hi there, I'm curious as to how I would go about creating clickthrough URL's on the individual cards I created in Figma. I'm utilizing an image content section that is designed as a carousel and I uploaded hard designed/flattened "cards" as images in the carousel. I want to make each card it's own clickthrough link to that companies website. I have the option of creating buttons as clickthrough's that live beneath the cards, but I want the clickthrough to live directly on the individual card/image components themselves. Anyone have an idea on how to do this? (I'm proficient in coding so feel free to drop some ideas when it comes to DOM manipulation).
  19. I basilcally want to have a counter that keeps track of how many days since Jan 15, 2020
  20. Site URL: https://www.jandspergolas.com.au/ Hello, I need help to scale the 'what we offer' gallery on the above homapage so it shows the whole image when on a mobile device. See below images of desktop and mobile: Please help, Thankyou, Cara 🙂
  21. Hello brilliant web-builders! Is there any way to make the below customization possible? A) Summary Block: Images to be displayed in circular shape, instead of the retangular or sqaure from the options under "Design" of the block Move the order of the display layout from "Image > (Blog) Title > Excerpt Text" to "Excerpt Text > (Blog) Title > Image"? B) Testimonial Carousel: Move the order of the display layout of all blocks in the carousel from "Image > Text > Title" to "Text > Title > Image"? Set / change the timer of the auto slider to move every 5 seconds Thanks a million! Freeman xx Site URL: https://www.traveltotransform.com/the-book
  22. Site URL: https://www.delmarartist.com Working on a store site for my client. All of her items are one-of-a-kind. When an item is sold, she'd like it to move automatically to another page specifically for showing all sold items. I haven't created this page yet; hoping to get some feedback on whether it's possible, and what the steps might be. Many thanks for any help.
  23. We simultaneously signed up for ATLIST and Squarekicker for Squarespace to create a Sticky Split Navigation page so viewers see a listicle on half the page and a map on the other. Here's a link to a templated example: Best of Los Angeles Example. I played with the CS code Length x Width in hopes of navigating the size of the map - The goal is to have the map fit 100% to the length x width of the sticky split half screen regardless of screen size but having a hard time finding the best solution for scaling the size. Would love to hear your thoughts and feedback. The other half of the screen where the listicles will be placed we're hoping to achieve something similar to Eater LA Article Maps in two ways: User clicks on the pin of the map and anchorlink will move the listicle screen to the appropriate Business/Location - I think we have this one down, but if you can suggest the way you would execute this that would be great)! When scrolling over the listicle the map will move to appropriate pins showcasing where the Business/Location is - This is not a link and we are unsure of what this is called - "Scroll" or "Hover" over text to map? Let us know if you have an answer to this one! Last but not least, we love the ATLIST solution because it's a beautiful layout and solution and would love to explore potential possibilities on how we can collaborate or partner with you to lower our costs and promote ATLIST! We are launching over 50 websites in the next couple of months and would love to work together to build community, achieve success and meet goals! Let me know if you would be interested in chatting about this further. THANK YOU SO MUCH for your time, looking forward to hearing from you!
  24. I have embedded a ConvertKit Form via a code block (Fluid Engine), however there appears to be a large area of extra space below the code block that I cannot get rid of (see attached screenshot). I have tried CSS to no avail and cannot drag the area/rows up any further than it currently is. Any ideas how I can remove this extra space below the embedded form? Link to page: https://www.gracemooreyoga.com/mentorship Any help is much appreciated 🙂
  25. Hello, My client has two requests for me for the "Slideshow" gallery format but I can't quite find the right coding. 1. She does not like that to go back and forth between images in the gallery you can click on any part of the image to do so. She would like the left and right arrows to be the only "hot keys" to toggle. Essentially disabling the function of clicking on an image to go through the slideshow. 2. She would also like each image to enlarge when clicked on (like the "Lightbox" function) OR when clicking on a separate button. Would these two requests be possible for Squarespace 7.1 through custom codes? I've included screenshots of what my page and settings look like now for the "slideshow" gallery. I would really appreciate some help on this!
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.