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

Search the Community

Showing results for tags 'custom code'.



More search options

  • 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
    • 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

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location

Found 47 results

  1. Site URL: https://takomaparkpc.squarespace.com/ I've added Custom Code with an iframe on the home page. It displays correctly in Edit mode, but becomes an empty box when live. Could this be because it is in a column? Any other ideas? We're running 7.1 with Premium Blocks. Thank you! Code: Edit: Live:
  2. Site URL: https://beeleafcreative.com/squarespace-tut Hello there, I was wondering if anyone could help me figure out how to add a button within a text box, where It saids "Learn More" I want to move the button up within that text block. Does anyone know how?
  3. Hello! I am trying to remove extra space from my custom testimonial index section. As you can see in the image there is a lot of space above and below, is there custom code I can place to fix this? the slug for the page is testimonials-1
  4. I built a small landscaping site. All my business is in the US and I would like to either remove the Country field from the contact form or auto-populate it to fill with USA. Is there some custom code for doing this. I am very comfortable with adding custom code to a Squarespace site.
  5. Site URL: https://www.healthyyouhealthybiz.com/ Hello - my hamburger icon on mobile is not displaying anything when tapped. Squarespace chat says it is due to the custom code I injected that was provided by Sentry Login in order to add a Member Login button in the navigation and to troubleshoot that customer code. However, I don't know what to even look for to troubleshoot. Has anyone dealt with this issue and/or provide some guidance? Thanks!
  6. Site URL: https://www.merze-lifestyle.com I would like to block an IP address from entering into my website but I am on Squarespace 7. Is there custom code that needs to be created? Or do I need a third party application to achieve this? I am not a coder and so I would need to have help if custom coding is required. Thank you, Mary
  7. Site URL: https://m1115london.squarespace.com/config/pages/5e8affbbe8170a5ffa4d66ea I'm new to Squarespace and trying to build a site to help out a relative. My issue is that on a PDP there are two types of navigation available - a breadcrumb that doesn't include the category so only takes you back to the main shop page; or prev/next buttons that again don't recognise a category so only take you to the next product in the entire product list. How can i either get these links/buttons to replicate the behaviour of the navigation arrows on the quick view page and show the next item in the category or the breadcrumb to include the category please ?
  8. Hi, I would like to create a landing page for a digital ads campaign with a strong CTA, rather just directing people to a page on my website. This would be a standalone page , which would not appear in your navigation or display links to any other pages on the site. I am aware I can hide pages from my navigation by placing them under 'Not Linked', however is it possible to hide the rest of your navigation on this page? It seems to still display all pages on my site i.e the same header, which includes links to the pages in your Main Navigation. SS has advised I may be able to do this with a single page using custom code, but not sure how to do this, or would I just be better off creating a landing page on another platform? Any suggestions/advice would be gratefully received. Thanks so much!
  9. Site URL: https://demo-61w23.squarespace.com/ Hello forum members! Does anyone know of a way that I can assign click through links to my parallax banner images in the Brine template? I ultimately want to be able to click on the banner images and open them in a light box. I purchased this lightbox plugin , but it must be used with a link in order to work. I'm open to scrapping this approach, if anyone knows of another way. the password is: demo61w23 thanks in advance! πŸ™‚
  10. Site URL: https://demo-61w23.squarespace.com/config/pages Hi All, I've created a building graphic and have each floor set as its own rollover image using code blocks. It works perfectly however there needs to be absolutely no vertical space between the code blocks in order for it to look like a single image. Right now, there is a small amount of space that is showing up between each floor and ruing the effect, how can I get rid of it?? Currently I am using this bit of css which helps a bit but not completely. I tried also setting the padding to " 0 0 0 0 " as well as adding "margin: 0 !important" without any luck. .code-block { padding: 0 !important; } https://demo-61w23.squarespace.com/config/pages the site password is: demo61w23
  11. Hi - new to Squarespace. Any recommendations on a Chat Bot that works best on this platform?
  12. Site URL: https://www.palmares.co.uk Hello! I am using the Moksha template, in the Brine Family. In the footer, I have a navigation bar, and a copyright notice in the bottom block. The top and middle footer blocks are not used. Is there a way to remove them, or reduce their size (height/ padding)? Overall. I would like to reduce the depth of the entire footer. Thanks, Jon
  13. Site URL: https://www.cannibalcyclops.com/gallery-test Hi Everyone, I'm looking for a way to add paragraph styles to the descriptions in a gallery section. I've been able to style it a bit directly in the description for each image. But while it is displaying the <h> tags I used, it's ignoring the <p> tags. Here's what I'm using in one of the descriptions: <h4>So You’re Dead</h4> <p>Really? Killed during a supermarket robbery? You’re pretty mad at the senseless way you went out β€” until you realize, this might be the opportunity of a lifetime.</p> <p class="sqsrte-small">Posted 05/05/20 β—¦ 1,500 words</p> This is the test page: https://www.cannibalcyclops.com/gallery-test I'm essentially trying to reproduce what I have on the homepage, but with a gallery rather than image blocks. Thanks, Steve
  14. Has anybody had any experience with adding their own validation to a Squarespace form? Essentially stopping the normal submission process, checking some custom validation, then continuing as normal/stopping the submission if there was an invalid entry? I have a client that needs some number fields to be submitted within a specific range and a few other variations on this theme. I'm hoping to find a simple solution, but I'm also happy to go with a very complicated one πŸ˜† @michaeleparkour Do any of your plugins do this, or perhaps this is something you have come up against?
  15. Site URL: https://www.sharpeaero.com Hey all, How can I use the code block to make a variable text size based on browser width? I'm currently using code blocks for the headings on my homepage because I needed them to be a different colour than the default <h1> defined by my squarespace design settings. However, by using these code blocks, the text no longer resizes for smaller browser widths like squarespace builds in by default in their text blocks. Here's an example of the code I'm currently using in one of these code blocks: <h1 style="font-family:Roboto Condensed; text-transform:uppercase; font-size:72px; font-weight:700; letter-spacing:0em; text-align:center; color:hsl(0, 0%, 11%)"> <left>Buying in Bulk?</left> </h1> Website is https://www.sharpeaero.com if you want to see what I mean by text not resizing. The text on the top hero image/video will resize as it still uses the text block, but the rest of the titles/headers are code blocks and don't resize. Thanks so much for your help!
  16. I am having trouble when I enter in my html code to a code block, my banner image is then completely covered. It looks correct when I enter my html but once I hit send, the banner image disappears. Any ideas on why this is? The first image is what it should look like but when I refresh the page, the second image is what happens.
  17. Site URL: https://fox-pepper-hn5f.squarespace.com/ The Question Hello, I am trying to add breadcrumbs to my site (not just for products but all pages). I have Developer Mode and tried to implement the solution proposed here but it did not work. I know how to create "if-else" statements using {.equals arg 1 arg2}, which will involved part of the solution - but I need to be able to store the value of the page visited before somewhere. This variable will need to be global and static - something at the session level. This kind of scope means the variable will have to be made outside of breadcrumbs.block (JSON-T I don't think has this capacity) so I was thinking maybe I could write a js script but I don't know how to how to manipulate the breadcrumbs.block from js or how to get the value of a variable in js from the breadcrumbs.block (probably not possible). If someone has a solution for breadcrumbs or can help me figure out how to get javascript and JSON-t file to talk to each other, that would be great! Pseudo Code Solution: variable last="" variable second-to-last="" //above stored somewhere else If we are at Home{ second-to-last = "" last = "" print nothing } Else If we are at top level navigation (navtitles like Custom Programs, About, Classes, Events) last = navtitle second-to-last = "" print last } Else If we are at second level navigation (Newbie Class, Open Enrollment class, etc){ if second-to-last is empty{ second-to-last = last } last = navtitle print second-to-last / last } Else if we are at third level navigation (healing rhthyms, or a form){ print second-to-last/last/navtitle } Melanie ~
  18. So far all looks good except for one section of font that doesn't show up clearly on desktop view. I just implemented my very first custom code so be easy on me. Will need super clear step by step instructions. Incredibly appreciated!!
  19. Site URL: https://www.rebeccahoagland.com Hi, Im having an issue where prospective future employers are going on my site but only clicking "about" and "contact" and not scrolling down to see my portfolio. I am trying to get an anchor on my site to work from navigation. I just want to add a naviagation at link called "portfolio" and have it jump down to the portfolio but its not working on this template. I added the link at the top with #portfolio and then where it says portfolio in the body I added custom code and did" <div id="projects"> </div>" and it wont work, ive also tried variations of this using the slug becuase i would also need to this to link back lets say from the "about" section. I also disabled ajax. Then i tried "https://examplesite.com/pageslug/#unique-id" and changed the code to something like this: <p id="unique-id"> </p>" But obvs use the correct info. And then i tried this blogs solution: https://beaverhero.com/ss-71-anchor-links/ None of it is working. Please help! Rebecca
  20. I want to display the hours listed in the Business Information section (config/settings/business-information) in my footer. Is this data available to pull into a custom code block?
  21. Site URL: https://gold-rectangle-c29e.squarespace.com/ Hello Experts, How can I assign the "small size" style to the button in the image card blocks (on the home page). They seem to default to the large size, but I would like all the buttons to be the small size consistently across the site. Also, the button in my contact form doesn't match at all, I modified the background color, but don't know how to assign the. same style as the others. Any help will be greatly appreciated, Thanks!
  22. I am trying to figure out why one of my codes isn't working. It's the last few lines, which is supposed to make a gradient background in mobile nav menu. I know it's a lot of code. But, can someone look at it and tell me if anything is wrong? Thanks! .image-block { -webkit-filter: drop-shadow( 5px 5px 8px #000000 ); filter: drop-shadow( 20px 15px 10px #000000 ); } // Announcement Bar Hover Color // .sqs-announcement-bar { width: 100%; background-color: #ff0000 !important; /* main color */ webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } .sqs-announcement-bar:hover { border-color: white !important; background-color: #6bae23 !important; /* hover color */ webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } // Bounce Social Icons // @-webkit-keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } } @keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } } .sqs-block-socialaccountlinks-v2 a svg{ top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .sqs-block-socialaccountlinks-v2 a{ -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); } .sqs-block-socialaccountlinks-v2 a:hover{ -webkit-animation-name: hvr-pop; animation-name: hvr-pop; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .social-icons-style-regular .sqs-use--icon{ fill: #000000 !important; } .social-icons-style-regular .sqs-svg-icon--wrapper:hover .sqs-use--icon{ fill: #FECB2F !important; } // Newsletter Block // .newsletter-block { padding: 50px !important; border-radius: 25px; background-color: #272732; } // Gradient Newsletter Block // .newsletter-block { background: linear-gradient(to bottom, #c0c0c0, #000000); padding: 50px !important; border-radius: 20px; } // Animation Keyframes // @-webkit-keyframes Gradient { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @-moz-keyframes Gradient { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @keyframes Gradient { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } // Animated Gradient Audio Player // .sqs-widgets-audio-player { background-image: linear-gradient(-45deg, #ffffff, #ff0000, #000000, #F07C63) !important; background-size: 400% !important; -webkit-animation: Gradient 10s ease infinite !important; -moz-animation: Gradient 10s ease infinite !important; animation: Gradient 10s ease infinite !important; border-radius: 5px; } // Highlighted Field Form // .field-list .field-element:focus, .field-element:visited{ border-color: #FECB2F !important; } .field-list select:focus{ outline-color: #FECB2F !important; } .field-list .section{ border-color: #FECB2F !important; } .form-button-wrapper .button{ color: white !important; border-color: transparent; background-color: #fecb2f; } .form-button-wrapper .button:hover{ color: white !important; background-color: #000000 !important; } // Leaflet Contact Form Button // .form-wrapper input[type=submit] { border-radius: 50px 0px 50px 0px !important; padding: 30px; } .form-wrapper .field-list .field .field-element{ border:none; border-bottom: 3px solid; border-color: #ff0000; background: #ffffff } // Animation Keyframes // @-webkit-keyframes Gradient { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @-moz-keyframes Gradient { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @keyframes Gradient { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } // Footer Top Border // Footer { border-top: 5px solid #ff0000; } // Rotating Animation Keys // @-webkit-keyframes rotateWord { 0% { opacity: 0; } 2% { opacity: 0; -webkit-transform: translateY(-30px); } 5% { opacity: 1; -webkit-transform: translateY(0px);} 17% { opacity: 1; -webkit-transform: translateY(0px); } 20% { opacity: 0; -webkit-transform: translateY(30px); } 80% { opacity: 0; } 100% { opacity: 0; } } @-moz-keyframes rotateWord { 0% { opacity: 0; } 2% { opacity: 0; -moz-transform: translateY(-30px); } 5% { opacity: 1; -moz-transform: translateY(0px);} 17% { opacity: 1; -moz-transform: translateY(0px); } 20% { opacity: 0; -moz-transform: translateY(30px); } 80% { opacity: 0; } 100% { opacity: 0; } } @-o-keyframes rotateWord { 0% { opacity: 0; } 2% { opacity: 0; -o-transform: translateY(-30px); } 5% { opacity: 1; -o-transform: translateY(0px);} 17% { opacity: 1; -o-transform: translateY(0px); } 20% { opacity: 0; -o-transform: translateY(30px); } 80% { opacity: 0; } 100% { opacity: 0; } } @-ms-keyframes rotateWord { 0% { opacity: 0; } 2% { opacity: 0; -ms-transform: translateY(-30px); } 5% { opacity: 1; -ms-transform: translateY(0px);} 17% { opacity: 1; -ms-transform: translateY(0px); } 20% { opacity: 0; -ms-transform: translateY(30px); } 80% { opacity: 0; } 100% { opacity: 0; } } @keyframes rotateWord { 0% { opacity: 0; } 2% { opacity: 0; transform: translateY(-30px); } 5% { opacity: 1; transform: translateY(0px);} 17% { opacity: 1; transform: translateY(0px); } 20% { opacity: 0; transform: translateY(30px); } 80% { opacity: 0; } 100% { opacity: 0; } } @media only screen and (max-width: 640px) { h1 { font-size: 20px !important; }} @media only screen and (max-width: 640px) { h2 { font-size: 20px !important; }} @media only screen and (max-width: 640px) { h3 { font-size: 20px !important; }} @media only screen and (max-width: 640px) { p { font-size: 11px !important; }} //remove hyphens// p, h1, h2, h3 { -webkit-hyphens: manual !important; -moz-hyphens: manual !important; -ms-hyphens: manual !important; hyphens: manual !important; } .sqs-search-page { .sqs-post-type-image.ContentItem { display:none !important; } } .image-slide-title { white-space: normal !important; line-height: 1.5em; } @media screen and (max-width: 640px){ .sqs-gallery-design-grid-slide{ width: 100% !important; } } @media only screen and (max-width: 768px) { b { font-size: 20px; } } @media only screen and (max-width: 320px) { b { font-size: 10px; } } @media screen and (max-width: 960px) { h1 { font-size: 41px; } h2 { font-size: 33px; } h3 { font-size: 20px; } } /*Reducing font size for screens smaller than 960px*/ @media screen and (max-width: 960px) { h1 { font-size: 41px; } h2 { font-size: 33px; } h3 { font-size: 20px; } } /*Reducing font size for screens smaller than 640px*/ @media screen and (max-width: 640px) { h1 { font-size: 33px; } h2 { font-size: 20px; } h3 { font-size: 16px; } } // Bold Text Color // h1 strong { color: #32cd32; font-weight: bold; } // Custom Color Social Icons // .sqs-use--icon { fill: #E77D6A !important; } // Slightly Angled Text // h1 { transform: skewY(-5deg); } // Pill Audio Block // .sqs-widgets-audio-player { border: 1px solid transparent; padding: 5px; border-radius: 50px; } .Header--top { background-image: url(https://static1.squarespace.com/static/5d4c573da7991a00018356bc/t/5dd5ef4cd168ef7c6a901a6b/1574301516774/Untitled+design.jpg); background-size: cover; background-position: center center; } // Center Footer Text // @media only screen and (max-width: 640px) { footer { text-align: center;} } @media screen and (max-width: 800px) { .sqs-block-image .design-layout-card:not(.sqs-narrow-width) { display: block!important; } .sqs-block-image .design-layout-card:not(.sqs-narrow-width) .image-card-wrapper { width: 100%; } .sqs-block-image .design-layout-card:not(.sqs-narrow-width)>div:first-child { width: 100%; } } @media only screen and (max-width: 640px) {h1 {font-size: 70px;}} @media screen and (max-width: 640px) {.Index-page-content h1 {font-size: 70px; }} @media screen and (max-width: 640px) {h1 { font-size: 70px; letter-spacing: 5px; line-height:60px; color:white;}} .site-title img { max-height: 100px; max-width: 400px; } // Slide In Bounce Button - Left To Right // .sqs-block-button-element--small:hover{ color: #000000; } .sqs-block-button-element--small:hover:before, .sqs-block-button-element--small:focus:before, .sqs-block-button-element--small:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .sqs-block-button-element--small:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #FECB2F; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .sqs-block-button-element--small { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .sqs-block-button-element--small { margin: .4em; padding: 1em; cursor: pointer; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } // Mobile Menu Background // .header-menu-bg { background-color: #ffffff; background: linear-gradient(to bottom, #6b8e23, #000000); } // Mobile Menu Text // .header-menu-nav-item a { color: #FFFFFF !important; } // Mobile Menu Background // .header-menu-bg { background-color: #000000; background: linear-gradient(to bottom, #F07C63, #E45372); } // Mobile Menu Text // .header-menu-nav-item a { color: #FFFFFF !important; }
  23. Site URL: https://oldworlddeli.net/ Hello, I need some assistance adding an "Order Online" button to my website. The screenshot shows the two preferred areas to place the button. I have the HTML from Toast but I'm not sure how to enable it in those locations. Any help is much appreciated. Thank you
  24. I have attached an image for better understanding. I want to add an image after the text in Sildershow banner. I already tried using css , but is not working. Can anyone please help me out .
  25. Site URL: https://www.mumfolk.com Is there a way to centralise all buttons on mobile? So even if aligned left or right on desktop view, they are forced centrally aligned on mobile? Wondered if there is a way to add code so that it applies to all buttons or do you have to target each button individually? Thanks in advance for your help
Γ—
Γ—
  • Create New...