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

Search the Community

Showing results for tags 'code'.

  • 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. Hi, can anyone kindly advise what I am doing wrong. I have followed the instruction carefully but nothing happens. I am trying to set a transparent block behind text, using my text block ref and code as shown below. many thanks! #block-yui_3_17_2_1_1630301539576_7763 {background: rgba{0,0,0,0.6} }
  2. Site URL: https://northshore-village-hoa.squarespace.com/dues-form I am trying to set up a form to forward someone to a specific page after they choose a specific item from the drop down. I would like to point each option from the drop down - 1 month, 6 months, and 1 year to a different page for each one. I tried to work off of this thread -> Custom Redirect Forum Post, but am still unsuccessful. I have the code provided by @creedonin the header, but it's still not forwarding to the sites (they are random sites on my page for now, but will be the correct page in the near future). Any ideas? Thanks!
  3. Site URL: https://www.nationaltab.com/ Hi all, Is it possible to create a code where Header 2 font on my website is slightly smaller but only on mobile? I don't want to change the font size on the desktop view of the site, but on mobile, it's too big and hyphenates many of my headers. I'm in Brine v7.0 so it's not possible to do this through the template, so I'm looking for a code. If anyone has any solutions, I'd greatly appreciate it! Thanks, Megan
  4. Hi everyone, Does anyone happen to know of any code to move the previous and forward controls of the slideshow to the sides outside of the image? Example 1 is what it currently looks like and example 2 is what I would like it to look like. Example 1 slideshow currently includes this code for its current appearance - .sqs-gallery-block-slideshow .sqs-gallery-controls .next, .sqs-gallery-block-slideshow .sqs-gallery-controls .previous { background: none; /*removes the original background behind the arrows*/ } .sqs-gallery-block-slideshow .sqs-gallery-controls .next::before, .sqs-gallery-block-slideshow .sqs-gallery-controls .previous::before { background: white; color: black; font-size: 1em; /*this changes the size of the arrows*/ padding: 5px; border-radius: 60%; /*remove this is you don't want the background rounded*/ } Thanks for your help, Sarah example 1 example 2
  5. Site URL: https://banjo-aqua-pr5l.squarespace.com/ I'm making some last minute adjustments to a website (https://banjo-aqua-pr5l.squarespace.com/ PW: Tempsite2021) before sending it off to a client and I have a couple of things that I can't work out how to change. 1. On the contact page on desktop view the opening times are displayed side by side (as shown in picture) but on the mobile version, the time is displayed underneath the date. I originally thought about just putting all of the text in the same text box so that it would display the same on both desktop and mobile, but wanted to see if there was a way to get the two text boxes side by side on mobile view using custom code before sending it off. Desktop View 3.6 mb ยท Done Insert ร— Mobile view 212 kb ยท Done Insert ร—
  6. Site URL: https://lynettenicolebetancur.com Hi all, I've been having some trouble trying to get rid of the double bars / hamburger thing on my mobile site for navigation. If someone wouldn't mind helping me out with it with the code and placements? the site is https://www.lynettenicolebetancur.com I appreciate the help ๐Ÿ™‚
  7. Site URL: https://tutufilms.squarespace.com/config/ I've implemented code into my website to have a line appear under the nav pages when you hover over them. I really want the line to stay under the active page, I've tried to change the code but I can't get the nav line to stay under active~ any ideas?https://tutufilms.squarespace.com/config/password: tutufilms
  8. Site URL: https://tutufilms.squarespace.com/config/ Hey team, I've implemented code which is showing up perfectly on my computer ( both in normal chrome and incognito mode) but my client says when he opens it on his computer its not showing properly, the site isn't live yet it is still being built and im wondering if thats why it is showing differently on his computer?
  9. Site URL: https://austin-muscle-restoration.squarespace.com/legal-information Hey there, I am having trouble with two codes (Privacy Policy) not showing up in my code blocks. I have three all together and one is showing just fine. There is not a problem with the coding, I checked it on a shopify site and the code works perfect. Can someone help with what the issue could be? In the photo attached, there should be one code between each divider line. My page is not live yet but the link is here : https://austin-muscle-restoration.squarespace.com/legal-information Password: scocreativeclient The codes I am using: 1.) <div id="policy" width="640" height="480"data-policy-key="TUVOeWVsRTVVRFZPT0djMFRIYzlQUT09" data-extra="table-style=accordion" > </div><script src="https://app.termageddon.com/js/termageddon.js"></script> 2.) <div id="policy" width="640" height="480"data-policy-key="ZEdjeGNDdE9WSGhpY1ZNck1XYzlQUT09" data-extra="table-style=accordion" > </div><script src="https://app.termageddon.com/js/termageddon.js"></script>
  10. Site URL: https://www.troop1916.com/ Hey there, I have text in my banner which I cannot place as a text element. Unfortunately, when I increase the size of my browser tab (or if someone views the site on an ultrawide monitor), the banner image increases to a size where the text begins to cut off. You can replicate this issue by going to my site and dragging your browser width outwards -- you'll soon see the issue. The "banner" itself was not uploaded to the page banner settings. It is a slideshow placed at the top of the page that turns into a banner slideshow with my theme. Is there a way that I can stop the homepage banner from increasing width after the browser window has reached a certain width? Any help is appreciated. Thanks!
  11. Site URL: https://butterfly-magnolia-5ta9.squarespace.com/config/pages Hello everybody! I really need help to figure out how I can inject a video url into this pop-up code please. Step 01. Insert the following into the code injection area of the advanced tab of the page you wish to utilize the pop-ups: <link href="//cdn.rawgit.com/noelboss/featherlight/1.3.2/release/featherlight.min.css" type="text/css" rel="stylesheet" title="Featherlight Styles" /><script src="//cdn.rawgit.com/noelboss/featherlight/1.3.2/release/featherlight.min.js" type="text/javascript" charset="utf-8"></script> Step 2. Now you need to create two code boxes. Code box 01 - For Display (this is your image or text that will show on the page) <a href="#" data-featherlight="#bio-name"> <img src="image link goes here"</a> <p style="text-align:center; color:#727272;">Text Goes Here</p> Step 03. Code Box 02 - For your Bio/pop-up Window <div style="display:none;"> <div id="bio-name"> <h3>Header/Name</h3> <p style="font-family:Lato; font-weight:500; font-style:normal; font-size:12px; letter-spacing:.4px; line-height:2.18em; color:#999999;" !important> Text goes in here. </p> </div> </div> Where can I insert the video url? The password to this trial website is: hello97 You can see the edits/code on the Home page (Alex S., University of McGill, The American High School in Japan (Japan) SECTION
  12. Site URL: https://cheetah-krill-7gh3.squarespace.com/config/ Hi! I fear I have made this more difficult. But I am wanting to create two columns for mobile for this section (image attached) Is there an easy code solution?? site wide password: donuts
  13. Site URL: https://www.glimpseguides.com/the-travel-shop/silk-pouches-gold-zipper Hi I am trying to change the font of the variant drop down menu on product page to match the other styles on my site. I also want to change the the color to grey.
  14. Site URL: https://www.johnliquoriphoto.com/ Hello, I have seen a few other forums looking for similar resolution, but having trouble implementing it for my site. I have two pages on my site that I am happy with in the desktop view, but would like them to appear as two columns in the mobile view rather than one continuous column. Would anyone be able to help me with some custom CSS code for each of these pages? https://www.johnliquoriphoto.com/pricing https://www.johnliquoriphoto.com/home-prep-checklist This would be super helpful. Thanks in advance!
  15. Site URL: https://northlightseattle.com/store I cant for the life of me figure this out. I want to upload a custom font to my site. I bought the font and tried following along tutorials and nothing will work. I want to only change the font of the banner text where it says "Northlight Store" on the store page without effecting any of the other banners. Please help!
  16. Site URL: https://pmsquare.com/sass-anywhere Hello. How would I get an image to change into a different image when clicked on, and then when clicked on again it would revert to the original image? I want to do this for the purpose of being able for someone to highlight the tools on my page when clicked on to make it more interactive.
  17. Hi! I got my font uploaded to my site for H1, H2, H3 and Paragraph fonts. BUT, I cannot select it to change font for the name of my site or anything in my navigation bar because the font will not populate in the font menu. Please help!
  18. Site URL: https://cheetah-krill-7gh3.squarespace.com/config/ Hi I am wanting to change this image to a different one for mobile. Thanks in advance! site wide password: donuts
  19. I've looked everywhere and I'm still not sure I understand how to take codepen code and add to squarespace. All I've seen is to just add a code block and put it all in the code block? I can get the html and css to work but soon as I try the Js it doesn't work. I was trying to test out this as a practice to try and figure it out. https://codepen.io/cameronknight/pen/qBNvrRQ on this page https://flugelhorn-seahorse-lzrb.squarespace.com/code-test-page?p?p pw: design123 I cant find any clear information on how to integrate codepen to squarespace. If anyone has straight forward instructions or youtube videos / links etc where I can research this more I'd appreciate it. I think I'm just not sure where each part gets placed into squarespace or when to change an id to something squarespace specific? I think I just need it really dumbed down.. lol
  20. 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?
  21. Site URL: https://strawberry-lobster-ajlp.squarespace.com/listings/blog-post-title-two-t5jz2 I'm trying to hack the blog's "featured post" feature to easily toggle a listing as available (button prompts user to apply) or unavailable (button prompts user to join waitlist). The text on the button as well as the link would change for each case. Additionally there's a text box I'd like to hide when the post is not marked as featured. I've played around with code blocks and code injections, but can't figure out how to correctly query if a post is featured. Is this even possible? Site PW: AardvarkBadgerCougar
  22. Site URL: https://heptagon-greyhound-epd8.squarespace.com/ Hi All, Have a question on adding SVG to a site I'm working on. Images below help explain it. When I have the svg code in two blocks on the page it's appeaing without any issues. In the image below it's appearing correctly, but should not be in the red square. But when we remove the the code block in the red square the image is cropping: Has anyone had a similar problem or any ideas of how to fix. Sizing alignment has been changed several times but not making any difference. Thanks in advance for your help... Site is: https://heptagon-greyhound-epd8.squarespace.com/ Pass: NKC0901#
  23. Hi! I would like to be able to remove the banner from certain pages, on mobile only. I'm using the Brine 7.0 template. I added a colour banner, because I wanted my header font in white, so this means it looks fine on desktop, but on mobile it just looks like a pointless piece of colour. Can anyone tell me how I can hide the banner on my mobile site? Only on particular pages, I don't want to hide the homepage banner. Screenshots are attached. https://www.slowpoke.co.nz/shop Also if the answer is code... can you tell me exactly where to put it... sorry super newbie here! Thank you!!
  24. Site URL: https://www.abovethestorm.com/ Hello, I am trying to replace the "chain" link standard image that is embedded on the top right of my page for our discord link as it does not have one that normally pops up. Any help? its the one to the right of instagram. Thank you!
  25. Site URL: https://www.siontrefor.com Hi, I want to present my music in Album form on my homepage, there are around 15 tracks there currently and so the Album looks quite long. I'd like to be able to resize the rows of the album - shorten the height - in order that the whole thing doesn't take up as much space, and comes across a bit neater. Squarespace tech says it's not possible using the Site Design features, and I can confirm I've had no joy on that front, so I'm here in case anyone can offer up a coding solution. I've never touched code before, so apologies in advance for any dumb questions. Big thanks!
  • Create New...