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
    • 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: http://www.lucadeangelis.net Hello everybody and thanks for answering this. I'm trying to embed the reviews from my customers into the site. The problem comes, as shown in the image, with the widget I embed from Tagembed: I am not able to tweak its dimensions in order to not have the vertical scrolling bar. With both Tagembed and Elfsight widgets, I can't either set the distance from left and rights borders of the screen, which is not essential, but would be a good thing too (but may it be a problem with responsivness?) I guess the problem comes from the space Squarespace gives to the Code Blocks, but can't be sure of it. This is the code from Tagembed
  2. Site URL: https://adicovintage.com.au/ Hi I am just after some help I have added a section with images and a link on my website. They are the perfect size when on my laptop or computer. They also have the faded grey when you hover over which is what I want. My problem is that on mobile devices they are coming out like this on mobile: Just so big and taking way too much space. It looks real ugly. I want the 4 of them to look like this on the mobile (this was done with gallery selection). In a group of 4 neatly spaced and perfect size. Any assistance will be really appreciated!
  3. Site URL: https://www.haveteewilltravel.com/store-2 Hello, I am trying to remove the navigation links on a product page or shopping page. I would like to do this on individual pages, not the entire site. I found some code that was supposed to do the trick, but didn't seem to work. This is the code I tried. <style> /* REMOVE TOP SECTIONS - Header, Mobile Header, Announcement Bar */ .Header, .Mobile-bar, .sqs-announcement-bar {display:none !important;} /* REMOVE BOTTOM SECTIONS - Footer */ .Footer {display:none !important;} </style>
  4. I would like to add a hyperlink that leads to another page for more information from my menu block. I tried to use the markdown code for adding links but it did not work. Does anyone know how to do this?
  5. Hi there, I'm looking for a code solution to horizontally align two blocks (yui ending in _2432 and _4344) within a column in a section. See image below.
  6. Site URL: https://dachshund-amethyst-38hy.squarespace.com/ Hi there. When I use the bottom iframe code (supplied by the provider) and add it to a code block, the frame shows the Webcam zoomed into the top left corner. For better understanding find the webcam link also below. iFrame Code: <iframe src="https://berghoffetz.webcam-livestream.at" style="width:100%; height:312px"frameborder="0"></iframe> Webcam Link: https://berghoffetz.webcam-livestream.at Thanks for your help!
  7. Site URL: https://crocodile-butterfly-nxj6.squarespace.com/ Hi there I'm having an issue with image block padding. Running 7.1 I wanted to reduce the padding on my image blocks using the following: //image block padding// .sqs-block.image-block { padding: 5px !important; } This is working - EXCEPT now the image blocks are ignoring the 10vw site margin that I set in "Site Styles" > "Site Spacing" The image blocks are extending past the site margin on the left and right sides. Is there a solution that allows custom image block padding WHILE maintaining my site margin? Thanks everyone! @tuanphan@bangank36@paul2009 https://crocodile-butterfly-nxj6.squarespace.com/ password: HURDLE
  8. Site URL: https://www.diabeticexchangeusa.com/ How do I get the "How It Works" button and "Sell Supplies" button closer together (without shrinking the image beneath) and how do I get them to not stack on mobile.
  9. Hi, I'm looking for a code to include a sentence + link at the top of my product page in 'SHOP' . Its on the Wells 7.0 template. Can someone help me please?
  10. Site URL: https://www.ditbaderum.dk/forside-1#tryg-renovering Hi guys, So my SVGs are not working on Safari... Any ideas what could be wrong??? Link: https://www.ditbaderum.dk/forside-1#tryg-renovering Code: Tuan123
  11. How can i add a code to upload the submitted files directly in my Google Drive or other Storage Services instead of Getform?
  12. Is there a way to remove padding inside of a code block? I've inserted an image using a Code block and want the block to fit snug around the image itself, but I'm getting an extra padding on all sides. Here is a link to the site for reference Password: weddings This is the code I currently tried to use: .sqs-block-code .sqs-block-content { padding-top: 0px; margin: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } Any help would be much appreciated!
  13. I'd like the pagination on sub-pages to be centered between the line demarking the footer and the line I created demarking the end of the page text. Would this be adding padding to the bottom of the pagination to orient it higher in it's content box? You can see from this picture that the pagination does not appear centered between the lines (though it is centered between the sections). How would one go about making this edit? This is the website: https://gar-conch-fhlx.squarespace.com/password: larslangberg
  14. Site URL: https://www.booftoys.com/home/p/dmtr03 Site URL: https://www.booftoys.com/home/p/dmtr03 Hi, does anyone know how I can add a button to my product page. I'd like something like a 'buy now' button that directs the user to an external site. Any help would be appreciated. Thanks!
  15. Site URL: https://brandonhuntonline.com/ Question: I'm using flexbox (for the first time, and mostly LOVING it!) but am having the issue of my navigation covering my image on the right. How do I get the navigation to not cover any of my sections? (This also happens when I scroll back to a previous anchor link from the bottom. The top part is hidden under the navigation.) PW: Gamer My CSS: // anchor links - smooth scroll effect html { scroll-behavior: smooth;} //-- Change Button Hover Color .btn:hover {background-color: grey!important; color:#000} .sqs-block-button-element:hover {background-color:grey; color:#000} //-- No Underline Links header a { background-image: none !important; } footer a { text-decoration: none !important; } //-- 50% Split Sections WITH CONTENT IN BOTH .sections { display: flex; flex-wrap: wrap; .page-section { width: 100%; .content-wrapper { box-sizing: border-box!important; }} [data-current-styles*='"customContentWidth": 30'] { width: 30%!important; .content {width: 100%!important;} } [data-current-styles*='"customContentWidth": 70'] { width: 70%!important; .content {width: 100%!important;} } [data-current-styles*='"customContentWidth": 51'] { width: 50%!important; .content {width: 100%!important;} } [data-current-styles*='"customContentWidth": 33'] { width: 33.33%!important; .content {width: 100%!important;} } @media screen and (max-width: 800px) { #siteWrapper & section.page-section {width: 100%!important;} } } //-- Floating Social Links @media only screen and (min-width:640px){ footer{ .sqs-svg-icon--wrapper{ display: block !important; margin: 20px 10px !important; } .socialaccountlinks-v2-block{ position: fixed !important; top: 30% !important; /* Adjust this percentage to move the icons up or down */ right: 5px !important; z-index: 99 !important; } } } /*===Full width Instagram ===*/ section[data-section-id="61a40048e0deb77695c8bf7a"] { min-height: initial!important; .content-wrapper { padding: 0!important; max-width: 100%; } .sqs-row .sqs-block.instagram-block{ padding: 0!important; .sqs-video-wrapper.video-fill { position:relative; } } .sqs-layout > .sqs-row { margin: 0!important; } }
  16. Site URL: https://ganzsecurity.com/product_selector/3/Software I'm looking to create a product comparison tool within Squarespace. I'm setting up a proposal for a very large client who has a ton of products we'll be moving into Squarespace Ecommerce in 7.1, and they have product selectors (which I can easily set up with Universal Filter) but they also have a product comparison tool on their current (100% custom) site. Most solutions I'm finding are simple pricing tables, while this is a bit more complicated. Does anyone have any recommendations on where to start to do this? I've included the link to an example, as well as a screenshot.
  17. Site URL: https://www.foragebotanicals.co.uk/shop I need to reorder the categories on my shops page. I have tried a couple code injections that haven't worked. The current order is: All | Bladder Care | Crampy | Cycle Syncing | Fertility | Gifts | Irregular Periods | Moody | Spotty | Stressed | Subscription Kits | Tired I need the order to be: Subscription Kits | Crampy | Irregular Periods | Moody | Spotty | Stressed | Tired | Cycle Syncing | Fertility | Gifts | All I'm using 7.0 Hayden family template.
  18. Site URL: https://olive-copper-nxmd.squarespace.com/ Hello! I have been working on a site for my employer, I was provided a lot of content for each section and so I decided to put this in a code block with two boxes that slightly overlap and flip in side and colour on each section. On my device, and my colleague also using a macbook, it looks fine (minus a few unfinished adjustments). However, when my manager looked at the site it looked very different. I checked the browser zoom was set to default, but its an issue for all colleagues on windows desktop. Is this just whilst the site isnt live, or will the site display differently for windows desktops? If so, how do i fix this? Of course the sections were messed up on mobile, but i am using media query to replace these with reformatted duplicates which is working fine. Just not sure why mac laptop and windows pc look so different, but i assume this is screen size rather than mac/windows. Attached is a screenshot from my browser, vs a screenshot from one of my colleagues. (You'll notice my colleague screenshot a different section, which is because for some reason the first one is fine for them. But the replica sections (when they flip over and. change colour) are having the issue. I have also attached a screenshot of what i see on that section. Note the text weight seemed to have changed for me too, not sure why... Theres 6 sections in total following this style, and will be a further 9 across other pages. Here is the code for the first one, which is a non issue: <div id= "ServiceNow Platform and Integration SN COE"> <div style="background-color: hsla(154, 27%, 63%, 0.99); opacity: 1; position: relative; top: -180px; left: -100px; width: 70%; height: 800px; border-right: 0px solid hsla(154, 27%, 63%, 0.99); padding: 30px; border-radius: 0px; box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, 0.30);"> <h4 style="color: #000000; weight: bold; position: relative; top: 20px; left: 40px; padding: 30px; width: 50%;"> Customer Problem. </h4> <p> <span style="color: #000000; position: absolute; top: 100px; padding: 30px; left: 70px; width: 50%; font-size: 18px; ""> Many customers design their ESM processes in silos, the Change Management team define the Change process, the Incident Management Team the same; however while those processes may operate effectively – the interaction between them is often forgotten about. <br><br> A failed Change may result in an Incident (or even a Major Incident), conversely an Incident may require a Change to remediate the issue – but without understanding how these two need to operate together a huge amount of time, effort and ability to accurately understand the impact or root cause is often not possible. <br><br> Once the root cause is identified, where does that information get stored – Incident needs to link with Knowledge Management so that it doesn’t happen again, Change needs to be informed of ‘why’ so that future Changes don’t repeat the same issue. </p> </div> <div style="background-color: hsla(214, 0%, 0%, 0.99); opacity: 1; position: absolute; top: -50px; right: -100px; width: 60%; height: 500px; border-right: 0px solid hsla(154, 27%, 63%, 0.99); padding: 30px; border-radius: 0px; box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, 0.30);"> <h4 style="color: #ffffff; weight: bold; position: relative; top: -15px; left: 0px; padding: 30px;"> CSX Capability.. </h4> <p> <span style="color: #ffffff; position: absolute; top: 70px; padding: 30px; left: 30px; width: 80%; font-size: 18px; ""> Our approach is different. Starting with defining the requirements and needs for each distinct ESM process, aligning where appropriate to ITIL V4 model, this is enhanced by then providing cross-process architecture to define a set of required inputs and outputs or ‘hand-offs’ that are mapped against any other ESM process, these include items such as tool usage, data requirements, access, security needs and communication between the people operating the processes. <br><br> Once identified, the hand-offs are discussed and an updated design is defined to ensure each can work successfully with its partner process and ensure a complete and holistic view of end-to-end Service Management. These powerful inter-connects between the processes enables organisations to reduce errors, increase service availability and identify very quickly areas that require additional attention or remediation. Here is the code for the one that is causing an issue (but not on my screen). <div id= "ServiceNow Platform and Integration SN COE"> <div style="background-color: hsla(154, 27%, 63%, 0.99); opacity: 1; position: relative; top: -120px; left: 500px; width: 60%; height: 800px; border-right: 0px solid hsla(154, 27%, 63%, 0.99); padding: 30px; border-radius: 0px; box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, 0.30);"> <h4 style="color: #000000; weight: bold; position: relative; top: +15px; left: 250px; padding: 30px; width: 50%; "> CSX Capability.. </h4> <p> <span style="color: #000000; weight: normal; position: absolute; top: 110px; padding: 30px; left: 285px; width: 50%; font-size: 14px; ""> CSX promote the concept of a single point of truth (SPOT) for IT configuration and asset data. Modern tech (ie ServiceNow) means an automated solution is now possible which reduces the reliance on manual updates, and ensures a comprehensive view. ITIL’s Service Asset and Configuration Management processes can be largely automated, with workflow and ties to access control systems to ensure accountability and service ownership. <br>We focus on creating a CMDB structured on the Customer Service Data Model (CSDM). <br><br> The data and relationships are husbanded through: <br> 1) automated discovery of devices and applications, <br>2) managed processes for the creation and maintenance of services and products, <br>3) controls and reporting to drive compliance and performance. <br> <br>The benefits of a reliable, integrated CMDB are enormous: Operational Resilience planning; reducing MTTR; improved control of assets; managing technical debt, reducing impact of failed changes/releases and staying ahead of the regulatory auditors demands. In addition, the opportunities for automation are increased dramatically as orchestration of workflow can be driven from valid, trusted data. <br><br> Key Elements managed by CSX: ServiceNow ITOM Implementation, Discovery Implementation, Service Mapping, Establish Data model (ie CSDM), IT Controls Dashboards to drive compliance and – describe why important to get this agreed and how it relates to business activities. As with all process and technology improvements, strong comms and training of client stakeholders is an important success factor in adoption. </p> </div> <div style="background-color: hsla(214, 0%, 0%, 0.99); opacity: 1; position: relative; top: -900px; left: -90px; width: 60%; height: 635px; border-right: 0px solid hsla(154, 27%, 63%, 0.99); padding: 30px; border-radius: 0px; box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, 0.30);"> <h4 style="color: #ffffff; weight: bold; position: relative; top: -15px; left: 10px; padding: 30px;"> Customer Problem. </h4> <p> <span style="color: #ffffff; position: absolute; top: 80px; padding: 30px; left: 40px; width: 80%; font-size: 18px; ""> For years, clients have seen the CMDB as a pink unicorn that is unobtainable. Data was not trusted, there was little ownership, and accountability was very hard to pin down. <br><br> To meet their needs for financial, service, procurement, regulatory, audit and even security purposes, they cobbled together lists and ran physical and virtual scans. They kept spreadsheets and registers and pulls from monitoring tools and bespoke apps and more scans. <br><br> There has been very little clarity and an incredible amount of risk piling up around this space. <br><br> Today, many firms are feeling the wrath of the regulator, resulting in career-limiting findings and in, more than a few cases, massive fines. </p> </div> </div>
  19. Hello, I am trying to hide the Header action button on a single page. I don't want to hide the button on all pages. Just one page. Can anyone advise me on how to do this? TIA!
  20. Site URL: https://www.thecastingcompany.co.nz/our-work Hi community, Because gallery blocks can only display up to 30 items, I am using 2 x gallery blocks to display a large portfolio of work, inserted next to each other on one page. However, depending on the screen size or device a user is viewing the site on, the last row of the first gallery has gaps (it's fine if there is 1 column like on mobile, or 2 or 3 on desktop, but issues when there are 4 columns because its not divisible by 30). Is there code I can inject to ensure that no matter what screen size or device someone is using that the gallery blocks display the items as 1, 2, 3 or 5 items per row? Or that it has 3 columns on desktop and tablet and 1 column on mobile? Alternatively, code that restricts the gallery blocks from displaying 4 x items per row (or 4 columns) would be great. I have found some similar queries on the forum but nothing makes a change to my site. Thank you for any assistance you can share! Abby
  21. Site URL: https://www.thehairranch.com/ So odd. On the desktop site, all 3 quotes appear. On the mobile site, only 2 quotes appear (the second column from Kristen and third column from Eileen). The quote from Tammy (the first one or left side) is missing. Cannot figure this out. Been looking for 2 days now. I must have hid it somehow? Any suggestions? Thank you in advance!
  22. Hey everyone, Has anyone ever embedded KeyshotXR to view on a squarespace page? One of the thing it requires is to upload a full folder of with images to the server and I am not being able to upload a folder to squarespace. I can only manage to upload single files from the folder, but organization is crucial for this to work well because the html code needs to say "src" and mention the folder name. If you never heard of KeyshotXR, it is a feature from Keyshot software where it exports to you a folder with static images of your 3D model in a variety of angles, together with an html file that reads your interface interaction (your mouse drag, scroll, or finger scroll, taps, etc), and as you scroll or drag, it shows you the correspondent angle to your action. In simpler words, it is like if you have a folder of "photos" from a 3D model from every angle in a folder on your computer and also an html file that at first looks like a photo of that model, but as you click+drag your mouse to the sides or up-and-down, it changes the photo according to the angle, giving you a sensation of rotating a 3D model (but actually it is not a 3D file). I searched online but couldn't get an answer to this. Any help?!
  23. Site URL: https://www.signaturesmiles-nc.com/request-appointment-1 Hello! I'm trying to install the following widget code script but it's not working in the code block. The company's tech support says it's a plug and play solution and that they have lots of SQSP users but I can't seem to make it work. Any help would be much appreciated: <script src="https://d3ivs86j8l3a5r.cloudfront.net/flexBook.js"></script> initFlexBook('https://flexbook.me/sigsmiles')
  24. Hello guys, do you know if it is possible to create a marketplace(infinite buyers& sellers) with square space? I struggle to find a template or something. If it is possible, do you know with what tools? Thank you!!
  25. Is it possible to make an entire block (including all text and background) a clickable link? As an example, would it be possible to make the entire text block at the top right of the Stanton demo home page (https://stanton-demo.squarespace.com/) a link, including the heading text, body text and the space between that text?
  • Create New...