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


Forums

  • 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

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location


Badges


Expert ID

  1. Site URL: https://rafida.org Hey, In the attached image you can see the button that says 'CARD'. This is the inbuilt 'donate' function on Squarespace. Is there any way to control the style of the button? We want it to look like the other buttons on the right and left of it. I could not find any non-code way to adapt the style through Squarespace. Thanks Website access:rafida.orgpass: lastphasetesting3
  2. Site URL: https://www.martaraptis.com/ Hello, can anyone help me with a code to hide the shopping cart icon when not in use. Meaning, I only want it showing after someone adds a product to card on my site. I used to have this code and lost it. Hoping someone can help. Thanks you so much!
  3. Site URL: https://www.sarahbucklandcoaching.com/sfsa Hi! Password is: sbc (this section is at the bottom) Using flexbox for the 3 boxes here, but is it possible to make the buttons align to the center of the bottom border of the box? Like in this image: Thanks
  4. Site URL: https://butterfly-magnolia-5ta9.squarespace.com/config/pages Hi! I have this code that works when outside of Sq. The first image shows how it should be; the second how it actually shows on Sq. Website (Home page): https://butterfly-magnolia-5ta9.squarespace.com/config/pages <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script> <div class="container"> <!-- Button to Open the Modal --> <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal"> Learn More </button> <!-- The Modal --> <div class="modal" id="myModal"> <div class="modal-dialog"> <div class="modal-content"> <!-- Modal Header --> <div class="modal-header"> <h4 class="modal-title">Alex J. Shin</h4> <button type="button" class="close" data-dismiss="modal">&times;</button> </div> <!-- Modal body --> <div class="modal-body"> Throughout the summer of 2021, I was given the opportunity to work for two companies, DASH and CITEK, as well as a Ski Resort Fund. Working under DASH, a co-living business, we furnished an apartment building and set up the utilities and internet services for future residents. Furthermore, we managed the finances to identify all of the ordered, cancelled, and returned purchases. For the Ski Resort Fund, we created a presentation directed at potential investors about a potential Ski Resort fund to aid the struggling ski industry in Japan amidst the COVID-19 pandemic. Our main focus involved research, data analysis, and communication skills to present our findings regarding the market. For CITEK, a construction services company, we developed a homepage for potential clients and learned how to create an engaging and modern interface. From being involved in real world businesses to developing my data management and analysis skills, this internship under ConnectEd U has given me an invaluable experience. </div> <!-- Modal footer --> <div class="modal-footer"> <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button> </div>
  5. Site URL: http://www.samsonyhiss.com/blog/2020/12/9/festival-of-ghouls Does anyone have a code snippet for resizing embedded video to appear 16x9 on mobile? My goal is for the video in the blog post to have the same width. If I use the Video Block and embed from YouTube and change the size to what I want the video looks huge in the blog post, but looks good on mobile. If I use the Embed Block and embed from YouTube and change the size to what I want the video sizes correctly in the blog post, but looks cutoff on mobile. There must be a code snippet to fix this no? Anyone?
  6. Site URL: https://las-americas.squarespace.com/guia-de-imigracion Hi, I'm having some trouble with my site on mobile. (https://las-americas.squarespace.com/guia-de-imigracion). I have applied the following code to set everything in order (lower width of background color images, move title texts to the left since they're offscreen, and fix font), but when I keep reloading on my phone, nothing changes: @media screen only and (max-width: 767px) { /* ICE Check-Ins */ #block-yui_3_17_2_1_1628529951461_16634 { font-family: Metropolis_Black, OpenSans; font-size: 40px; color: #E2B6CF; transform: translate(-18%,10%) } } In the above code, all I am trying to do is translate text to the right. But nothing is happening. I have tried messing with all of my blocks but nothing is working. Could I be overlooking something?
  7. Site URL: https://www.poppilu.com/ Rookie here... Hoping someone can tell me where/how to add custom code to create a marketing banner at the top of my website to announce our capital raise on Republic.co. Here's the code: https://republic.co/poppilu/onboarding/website-banner Where am I supposed to go in SqSp to add this code? Would greatly appreciate any tips here!
  8. Site URL: https://jaguar-sepia-gt6c.squarespace.com/ Hi! I'm trying to create a drop down menu for one page on my site (Bamboo). I want the "bamboo" in the nav bar to take you to the actual bamboo page, and the drop down options of "in stock" and "FAQ" to take you to the relative sections on that same page. Any custom code for this? Thanks! Page is in trial mode, password is ninthward.
  9. I would like to make all buttons be in the center of the page for the mobile version. Since there are some buttons that positioned at the side and some buttons that are positioned in the center and would like it to look all unison. Thanks
  10. Site URL: https://seanxdesigns.squarespace.com/ Hello, I added a custom css on text (Heading 1) and I want to add a link in to it to open a new window and at the same time while hovering the text, the effects should be maintain on the text. I hope you guys can help me. Password: sean
  11. Site URL: https://tuba-mustard-fwpa.squarespace.com/ I have been trying to find out how to custom css code to change the background colour of areas of my site. Its a case study page where I need to add case study brand colours that are different to the brand of my site. I have use a Chrome extension to find the section id (please see screen shot of my code) and added the code as best I can, but its not working. Can anyone tell me what I am doing wrong please? The identifier on the extension shows a section id, but I"m confused about what that means - if its a class or a div. And whether I need more info further up the css chain to identify the section. I have attached three screen shots: 1. The objective - to show that I want to colour the section behind the text which at the moment is white. 2. A shot of the code identifier that the extension shows. Please ignore the block - I think thats about the text box inside the section. 3. My code (that isn't working) Do I need opening and closing 'style' tags? I'll need to add alot of colours eventually: all the case studies have their own brands.. Any help is much appreciated! Diane
  12. Site URL: https://dory-dolphin-pwl8.squarespace.com/config/help I followed this forum post to get the vase image to fly across the screen: Just wondering if anybody knows how to code it so that it only shows on the homepage?? Thanks a lot
  13. Dear all, I'm stuck with the table. If I add the code to the webpage, it's messing the whole layout. See here: https://recordit.co/xq8uPls4O5 or here: https://www.globalstartupawards.com/competition-benefits-1 password: 1234 I tried to add the code, or add the code to another page, and ember like that, but none of the options are worked. It should be in this page where’s the black button at the moment: https://www.globalstartupawards.com/competition-benefits I added to an unlinked page, so you can see it how it should be: https://www.globalstartupawards.com/competition-benefits-table I've updated the CSS classes, so there is no H1,H2,H3 or p (paragraph) classed, but for some reason still screws up our layout. Even when I added to the CSS code the original preferences from our website, such as: .p { display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; } .h2 { font-family: "Source Sans Pro",sans-serif; font-size: 1.4em; font-weight: 600; letter-spacing: 1px; font-family: Montserrat; font-size: 18px; font-weight: 400; text-transform: uppercase; font-style: normal; letter-spacing: .7px; text-decoration: none; line-height: 1.2em; Hereby you can inspect my full code: <!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>Global Startup Awards - Prize table</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel="stylesheet" href="./style.css"> <link rel="stylesheet" href="https://use.typekit.net/qcs5zwu.css"> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet"> <style type="text/css"> .p { display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; } .h2 { font-family: "Source Sans Pro",sans-serif; font-size: 1.4em; font-weight: 600; letter-spacing: 1px; font-family: Montserrat; font-size: 18px; font-weight: 400; text-transform: uppercase; font-style: normal; letter-spacing: .7px; text-decoration: none; line-height: 1.2em; .benchmarks, .table-body .td:not(.metric) .number { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; } .table-body .td.metric label, .table-header .th label { text-transform:none; text-align: left; padding-right: 5%; font-style:normal; display: block; font-family: "Montserrat"; font-size: 0.6em; color: #333; line-height: 1; } .table-body .td.metric span { font-size: 0.5833333333em; } .table-body .td.metric, .table-header { font-size: 1.5em; text-align: left; line-height: 1; padding-left: 2.5%; color: #333; } .table-body .td:not(.metric) { font-size: 2em; } legend:after, legend:before { font-size: 0.6666666667em; } .table .percentile-67 { background: #DEDEE0; } .table .percentile-67 .number { text-shadow: 0.08em 0.08em #DEDEE0; vertical-align: middle; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { background-size: cover; text-transform: uppercase; font-family: proxima-nova, sans-serif; font-weight: 800; font-style: italic; } ul { list-style-type: none; padding: 0; } .search-result { color: #333; margin: 1em 0 1em 0; padding: 0 1em; } .table { display: table; margin-top: 0; } .table-header, .table-body { display: table-header-group; } .table-header { text-transform: uppercase; } .table-header .th { padding-bottom: 0.5em; text-align: center; } .table-header .th label { display: block; padding-left: 15%; margin-top: 0.7em; text-transform: uppercase; font-family: proxima-nova, sans-serif; font-weight: 800; font-style: italic; font-size: 1.2em; } .table-body li { display: table-row; width: 100%; } .table-body .td { border: 2px solid #FFF; padding: 0.5em 0; line-height: 1em; } .table-body .td.metric { border-bottom-color: #FFF; border-top-color: #FFF; } .table-body .td.metric label { text-transform:none; text-align: left; font-weight: normal; padding-right: 5%; font-style:normal; display: block; font-family: "Montserrat"; font-size: 0.6em; color: #333; line-height: 1rem; } .table-body .td.metric span { text-transform: uppercase; font-family: proxima-nova, sans-serif; font-weight: 800; font-style: italic; } .table-body .td:not(.metric) { color: #FFF; line-height: 1.2em; } .table-body .td:not(.metric) .number { } .tr:first-child .metric { border-top: none; } .tr:last-child .metric { border-bottom: none; } .th, .td { display: table-cell; width: 16%; text-align: center; } .benchmarks { width: 100%; } /*------------------------------------------------------------------ gray bg rows -------------------------------------------------------------------*/ .table-body .td.metric2 span { font-size: 0.5833333333em; } .table-body .td.metric2, .table-header { font-size: 1.5em; text-align: left; line-height: 1; padding-left: 2.5%; color: #333; } .table-body .td.metric2 { border-bottom-color: #FFF; border-top-color: #FFF; background: #DEDEE0; } .table-body .td.metric2 label { text-transform:none; text-align: left; padding-right: 5%; font-style:normal; font-weight: normal; display: block; font-family: "Montserrat"; font-size: 0.6em; color: #333; line-height: 1rem; } .table-body .td.metric2 span { text-transform: uppercase; font-family: proxima-nova, sans-serif; color: black; font-weight: 800; font-style: italic; } </style> </head> <body> <div class="search-boxen"> <div class="search-result"> <div class="benchmarks table"> <ul class="table-header"> <li class="th"></li> <li class="th"><label>REGIONAL <BR> LEVEL</label></li> <li class="th"><label>GLOBAL <BR> LEVEL</label></li> </ul> <ul class="table-body"> <li class="tr"> <span class="metric2 td">RECOGNITION<label>Get better recognition nationally, regionally and globally to attract business opportunities even from other countries, regions and continents.</label></span> <span class="td percentile-67"><span class="number"> <img src="https://images.squarespace-cdn.com/content/v1/57514b5f22482e8f991a140b/1627898822662-I82XD36WM0D9KM14RJ2P/GSA+icon+outline.png?format=300w" alt="GSA logo"> </span></span> <span class="td percentile-67"><span class="number"> <img src="https://images.squarespace-cdn.com/content/v1/57514b5f22482e8f991a140b/1464991273255-3VMUM6YKUVD07XR30GKW/favicon.ico" alt="GSA logo"> </span></span> </li> <li class="tr"> <span class="metric td">ALUMNI ACCESS <label>Access to GSA Alumni Network, an invite-only VIP club that fosters the development of startup ecosystems globally, but also gives you access to a well selected global network to support your international business endeavors.</label></span> <span class="td percentile-60"><span class="number"> <img src="https://images.squarespace-cdn.com/content/v1/57514b5f22482e8f991a140b/1627898822662-I82XD36WM0D9KM14RJ2P/GSA+icon+outline.png?format=300w" alt="GSA logo"> </span></span> <span class="td percentile-91"><span class="number"> <img src="https://images.squarespace-cdn.com/content/v1/57514b5f22482e8f991a140b/1464991273255-3VMUM6YKUVD07XR30GKW/favicon.ico" alt="GSA logo"> </span></span> </li> <li class="tr"> <span class="metric2 td">CONNECTIONS <label>Connection to other regional and global stakeholders - finalists, winners, juries, partners and ambassadors.</label></span> <span class="td percentile-67"><span class="number"> <img src="https://images.squarespace-cdn.com/content/v1/57514b5f22482e8f991a140b/1464991273255-3VMUM6YKUVD07XR30GKW/favicon.ico" alt="GSA logo"> </span></span> <span class="td percentile-67"><span class="number"> <img src="https://images.squarespace-cdn.com/content/v1/57514b5f22482e8f991a140b/1464991273255-3VMUM6YKUVD07XR30GKW/favicon.ico" alt="GSA logo"> </span></span> </li> <li class="tr"> <span class="metric td">MATCH MAKING<label>Matchmaking with active investors, successful startups, accelerator and incubator programs, as well as government initiatives.</label></span> <span class="td percentile-70"><span class="number"> <img src="https://images.squarespace-cdn.com/content/v1/57514b5f22482e8f991a140b/1627898822662-I82XD36WM0D9KM14RJ2P/GSA+icon+outline.png?format=300w" alt="GSA logo"> </span></span> <span class="td percentile-80"><span class="number"> <img src="https://images.squarespace-cdn.com/content/v1/57514b5f22482e8f991a140b/1464991273255-3VMUM6YKUVD07XR30GKW/favicon.ico" alt="GSA logo"> </span></span> </li> <li class="tr"> <span class="metric2 td">PROMOTION <label>Promotion through Global Startup Awards’ regional and global social media channels and newsletters.</label></span> <span class="td percentile-67"><span class="number"> <img src="https://images.squarespace-cdn.com/content/v1/57514b5f22482e8f991a140b/1464991273255-3VMUM6YKUVD07XR30GKW/favicon.ico" alt="GSA logo"> </span></span> <span class="td percentile-67"><span class="number"> <img src="https://images.squarespace-cdn.com/content/v1/57514b5f22482e8f991a140b/1464991273255-3VMUM6YKUVD07XR30GKW/favicon.ico" alt="GSA logo"> </span></span> </li> <li class="tr"> <span class="metric td">CONTRIBUTION <label>Opportunity to contribute with your expertise and knowledge to a greater good: to shape the global startup ecosystem with other selected future-shapers.</label></span> <span class="td percentile-70"><span class="number"> <img src="https://images.squarespace-cdn.com/content/v1/57514b5f22482e8f991a140b/1627898822662-I82XD36WM0D9KM14RJ2P/GSA+icon+outline.png?format=300w" alt="GSA logo"> </span></span> <span class="td percentile-80"><span class="number"> <img src="https://images.squarespace-cdn.com/content/v1/57514b5f22482e8f991a140b/1464991273255-3VMUM6YKUVD07XR30GKW/favicon.ico" alt="GSA logo"> </span></span> </li> <li class="tr"> <span class="metric2 td">PRIZE SPONSOR BENEFITS<label>Enjoy the benefits of valuable services and products offered by our Prize Sponsors.</label></span> <span class="td percentile-67"><span class="number"> <img src="https://images.squarespace-cdn.com/content/v1/57514b5f22482e8f991a140b/1627898822662-I82XD36WM0D9KM14RJ2P/GSA+icon+outline.png?format=300w" alt="GSA logo"> </span></span> <span class="td percentile-67"><span class="number"> <img src="https://images.squarespace-cdn.com/content/v1/57514b5f22482e8f991a140b/1464991273255-3VMUM6YKUVD07XR30GKW/favicon.ico" alt="GSA logo"> </span></span> </li> </ul> </div> </body> </html> Anyone has any assumptions? Thank you in advance, if you can suggest me a hint! :)
  14. Site URL: https://codepen.io/caniswolfman24/pen/OJmZMaL Hello! Just started learning how to code a few days ago, and made a large character sheet on Codepen. The code appears to work on Codepen, but when I try to copy over to Squarespace, it doesn't work. I've tried putting everything into one block, with the CSS within <style> at the beginning, and the JS within <script> at the end. Do I need to format something differently, or am I running into a file-size limit? (The code could 100% be made shorter, I've learned a lot since I started last week) https://codepen.io/caniswolfman24/pen/OJmZMaL
  15. Site URL: https://www.quelle.cool/ G'day, I've added custom cursors to my site but the image quality is terrible and they end up really pixelated with altered colors. I made the cursors in AI at 30px height. Is there any way to improve the quality of my cursors or is it possible to make them larger images and then size them down in CSS? I used the code below: #collection-x { cursor: url(x), auto!important; } #collection-x { cursor: url(x), auto }} My site is www.quelle.cool/
  16. Site URL: https://www.jlbequine.co.uk Hello \o. First time posting here, I've started a website to sell my photos, I've set the aspect ratio to wide (most of my photos are landscape) however when I uploaded a few portrait photos i noticed half the image gets cut off, I've asked squarespace for help and was sent here, i have no idea how to code or even where to get started, call me a virgin. can anyone have a look and see if they could help me with this at all. i need there to be a mixture of landscape and portrate aspects depending on if the photo is landscape or portrait. i wont sell a photo if half the image is cut off. I'm happy to provide whatever i can to help
  17. Site URL: https://www.mirandastokkel.com/ How do I add a scrolling bar in the footer like the one on the website: https://www.worktones.com/ Thanks!
  18. Trying to put a search bar in the header on template 7.0 is there a css for this
  19. Site URL: https://tangerine-raccoon-5lw5.squarespace.com/config/pages Hi everyone, thank you so much for taking some time to read this. I would like to create a carousel with images, with a title and a brief. Currently there are going to be 6 slides, and I was wondering if someone could help me code to do the following: As someone hovers over it, a pop up window will appear on the screen to show a short description. This is on the Home page.
  20. Site URL: http://www.thebagboyz.com I need to make the scheduling block embed within the checkout page, OR embed it onto the form at checkout, OR redirect to scheduler after checkout, OR force the site to first go through scheduling page before checkout. Anything before payment would probably make the user experience a great one... It just has to prompt the customer in a seamless way. Whichever is easier on the backend but still allows me to tweak the Scheduling every once in a while... I am helping a client build essentially a (shipt/instacart to a very small microarea) and we have to be able to deliver (with rules) and add tip-- both for which the Acuity Scheduler accomodates. Right now my custom form has scheduling times for a customer to choose from that doesn't work well, but it doesn't have the constraints that I need like the Scheduler does.
  21. Site URL: https://www.leaportho.com/schedule-a-consultation I am trying to add this custom link into the button so that the button will take the site visitor to the scheduler for my office software. The office management software gave me this link to use: <a href="https://www.anywheredolphin.com/forms/www.leaportho.com/t2gIDTgZ5E+JxjdOctQavg">New Patient Online Form </a But, when I put that into the button link, I lose the shape of the button and the display is this: The word display is active and can be use to schedule an appointment through my management software. Why do I lose the "shape" of the button when I insert that link? Thanks in advance!
  22. I created a t chart using a HTML code converter and generator. No I want to link my products into the t chart. I created all my products on Squarespace, but now I cannot figure out how to link the products in my t chart. I am a rookie when it comes to coding and such so I need an easy way to link my products in my coded t chart. I tried pulling the link from the products on the site and linking it on the HTML converter, but the link just takes you to the home page of my site instead of the specific product. Please let me know what the best way is to do this!!
  23. Site URL: https://www.luova.net.au/cart Hi, I would love if someone could help me to customise my cart page. I am wanting to remove the quantity section as I am using variants to control the quantity of a product. Thank you.
  24. Hello I have some code for a countdown timer, but it's not working. Could someone please help me work out why? I'm using a code block with HTML. Photo attached for what it looks like currently - but no numbers! I'm not a pro web designer, but understand a little about coding. Thanks in advance for your time! <style>#countdown{color:#fff;display:inline-block;text-align:center;font-size:1.5rem} #countdown>div{padding:10px; background:#e2dbd6; display:inline-block} #countdown div>span{padding:5px; display:inline-block} </style><center><div id="countdown"><div><span class="days" id="day"></span><div class="text">Days</div></div><div><span class="hours" id="hour"></span><div class="text">Hours</div></div><div><span class="minutes" id="minute"></span> <div class="text">Minutes</div></div><div><span class="seconds" id="second"> </span><div class="text">Seconds</div></div></div><p id="timer"></p></center> <script>var deadline=new Date("jan 1, 2020 15:37:25").getTime();var x=setInterval(function(){var now=new Date().getTime();var t=deadline-now;var days=Math.floor(t/(1000*60*60*24));var hours=Math.floor((t% (1000*60*60*24))/(1000*60*60));var minutes=Math.floor((t% (1000*60*60))/(1000*60));var seconds=Math.floor((t% (1000*60))/1000);document.getElementById("day").innerHTML=days;document.getEl ementById("hour").innerHTML=hours;document.getElementById("minute").innerHTM L=minutes;document.getElementById("second").innerHTML=seconds;if(t<0) {clearInterval(x);document.getElementById("timer").innerHTML="TIME UP";document.getElementById("day").innerHTML='0';document.getElementById("hou r").innerHTML='0';document.getElementById("minute").innerHTML='0';document.get ElementById("second").innerHTML='0'}},1000);</script>
  25. Site URL: https://luluthelabel.com/ How do I edit the writing sizes on the order confirmation page (the page straight after the checkout page)? The writing doesn't look too good, the title is too large and I can't read the writing underneath as it's too small. Thanks.
×
×
  • Create New...