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. I am just curious as to how to implement this style into future websites. I've just started experimenting with Code Blocks and would like to know how to make the below possible to add tiny details to my websites. How can I insert a small, floating image like the tiny circle logo as shown in the screenshot below? Anytime I try to insert an image using HTML I can never get it to center WITHIN the code block, it always aligns to the left. And how can I format it to stay consistent across screen sizes such as on her website? I would like to implement this feature on future sites and would love any help at all as to how to achieve this! Site referencing: Brighten Made
  2. Hey I'm trying to have these 2 columns that are placed on a single page's content with text blocks, scroll separately. Right now they are seated next to each other and scroll at the same pace with the entire's page width. Anyone got any Idea for something that would be simple to employ without inundating the page with too many code blocks to keep it simple for a client. Here's the URL - WEBSITE LINK - password: Juliahugo @tuanphan got any ideas? Here's an image - Need the Exhibitions and Fairs columns to scroll.
  3. For example it says (in German): So gut fühlt sich Lebensenergie an. In one template it moves the word Lebensenergie to the 2nd line. In another (Fairfield) is cuts the word in two. Is there code to stop this?
  4. Hi guys. I have a problem on my website. Recently I noticed that on the header of my website the cursor override is not working. That is odd since it was working before. I'm not much of a coder, better say I'm not at all but with some googling, I managed to achieve the result that I wanted. Until recently everything was working fine, but now I see pointer cursor even on the parts of the header where there is no link or anything at all. you can check my website here https://www.aplusstud.io/ I hope I managed to explain the problem since this is not my main field of work. Thanks.
  5. Hello,I need a custom code to change the word CART in the navigation menu to the Czech language as well as the page that shows in English at the moment when someone clicks on the cart. Squarespace helpdesk told me the back end language for this is in English only. Please let me know if you had the same problem and how you solved it. Thank you,Eva
  6. Hello, I would like to create a button to redirect to the Stripe Checkout for a Client integration as described in their instructions https://stripe.com/docs/payments/checkout/clientI have tried to do it but I cannot make the third step (adding code to my site) working. I added the entire code provided by Stripe to a code block. Does anyone know why and what should I do? Thanks
  7. I am currently using the "Brine" template, and I would love to be able to change the banner image when the site is visited on a mobile device. Can someone advise? I have tried the following which does not work: @media (max-width: 600px) { body { } #banner-area-wrapper #page-thumb img { display: none; } #banner-area-wrapper #page-thumb { background-image: url("https:example.jpg"); background-size: cover; }} Thank you for any help you can offer.
  8. Im trying to move this plugin i found with css but for some reason the css isn't responding or there is some other conflict. I want to move the Weather plugin to the top right corner of the website inline with the other header text. here's my css for positioning the div. .temp { position: fixed; width: 100px; top: 40px; left: 80%; font-size: 12px; } And here's my html code block. <div class="temp"> <a class="weatherwidget-io" href="https://forecast7.com/en/37d9823d73/athens/" data-font="Georgia" data-mode="Current" data-days="1" data-theme="original" data-basecolor="#fff" data-textcolor="#fff" data-highcolor="#367d23" data-lowcolor="#367d23" data-suncolor="#367d23" data-mooncolor="#367d23" data-cloudcolor="#367d23" data-cloudfill="#367d23" data-raincolor="#367d23" data-snowcolor="#367d23">Athens, Greece</a> <script> !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weatherwidget-io-js'); </script> </div> Here's what it looks like on the website. PASSWORD: Juliahugo (Uppercase "J") WEBSITE LINK password: Juliahugo PLEASE HELP ME - THIS IS SO FRUSTRATING!
  9. Hi, I have been trying to make a fixed code block which has the text scrolling down the page with the images, but I'm having some trouble, adjusting the width to fit within the page layout. Is it possible to keep the fixed property but also be responsive with the rest of the page content? Maybe the div has to be nested in the code block? so it takes the width from the top div? Sorry, I am relatively new to any coding related activities so it has been trial and error so far but can't seem to fix it. Any help would be greatly appreciated.
  10. I've successfully inserted a Google Sheets iframe in a code block, but it's really small, only about 25% of the page width, and also very "short", displaying only a few lines of the spreadsheet... it may be that the iframe is set to too few vertical and horizontal pixels... how do I go about fixing this? Thanks.
  11. How can I insert code so Google (and readers) know when each article was last updated?
  12. Hi, I am looking for help to change the pricing description of products on my site. Right now if you hover over the product it reads 'From £2.95'. I would like to be able to change this to just a custom number I could enter (e.g £95) or for it to read 'From £2.95 to £95' / £2.95 - £95 9to show the minimum to maximum price for each product. I've spoken to the Squarespace customer care team and they have suggested someone on here ma be able to help with custom code.... Many thanks in advance, K
  13. Hi all,I've a question about integrating Shopify add to cart buttons to Squarespace product pages.I've added Shopify 'add to cart' buttons to product pages. This is one of them: https://www.diestanderbaardkompanjie.co.za/test. (Password: 123456) The code has been generated by Shopify.It works as follows, if someone adds a product to the cart, a cart icon is shown on the right of the screen. The icon will be shown on every page where there's an add to cart button. So if you go to another product page with a similar button the cart icon is visible. However, this means on other pages of the website the cart icon is not visible.My question: is there a way to make the cart icon visible on every page? Shopify support couldn't help me. Bit of same policy as SS, no support on custom code.I do have a workaround direction in mind. If I add the same code snippet to the footer the cart icon is shown on every page. However, this also shows the add to cart button in the footer. Maybe there's a way to enhance the code in such a way that the add to cart button is not shown in the footer?
  14. Hi. The color of the text in the dropdown is white. The form has an image background. I've checked the Design > Site Style settings and didn't have success. I've tried adding custom CSS, but wasn't able to correctly change the color. Any suggestions? Thanks!
  15. Hi, my code for justifying text on blogpost using the Henson template is not working. .page-content p { text-align: justify; text-justify: inter-word !important; } Can anybody help me out? Thank you! here is the website: https://www.factorie.be/blog/2018/10/26/entre-vigne-et-verger-4r75e-8g4z6
  16. Is there a way to edit the size of an image that is embedded within a markdown block? Currently I'm trying to created a bulleted "to-do" checklist of many items to show which items have been completed and which are still outstanding. That said, I've successfully added the images to the markdown block by using the reference style code found on the current cheat sheet: https://support.squarespace.com/hc/en-us/articles/206543587-Markdown-cheat-sheet Reference-style: ![alt text][id] [id]: /url/to/img.jpg "Title" However, the images are now significantly way too big for the text. Is there a way to scale down the image size within the markdown block code? Thanks in advance.
  17. Hey ! can someone tell me how i can avoid people who use the mobile phone and visiting my page to block copy my pictures? thank you in advance .
  18. My template is Nuevo. My website is homecomfortsolutionsboise.com Password is: Mnbb77 I found code that fixes the header to the top of the screen so as you scroll the nav bar is always accessible. Here's the code I'm using: Any ideas why it's not working on the front page?Any work arounds? Is it because of the banner image? Thanks for any help!
  19. Here's my website and password:homecomfortsolutionsboise.comMnbb77 On the front page under "Our Services" I have three images in a row with borders around them I created with CSS code. I'm now trying to align these images so that the borders connect and it looks nice and neat. The text doesn't take up an equal amount of lines, so it's offset. I've tried using spacers and even tried using code to change the minimum size of spacers to combat this problem, but it's not quite perfect and the bottom of the borders still won't extend down far enough on the images with text that takes up less lines. Maybe I can add something to the code I used to create the borders? Here's what that looks like: Any suggestions or ideas? Thank you!
  20. Hi everyone! I’m having some trouble with markdown and I’m hoping someone in the community might be able to help. Using markdown, my goal is to have a line of text in H2 centered AND fade to a different color when you hover over it. Using the code below, I’ve been able to get the text to fade when I hover over it using the markdown code below. But I haven’t been able to figure out how to center it, it stays left-aligned. There is also a strange thin line that’s appearing under the text that I’m not sure how to remove. (Screenshot of code is attached as the Squarespace forum translated the code when I typed it below) My website is using the Mentor template, and it’s at https://inmymindconference.com. Thanks so much for your help!
  21. Hello, how can i hide header and footer in the impact-template for mobile version? I used this code and this works for desktop and tablet version, not mobile. Can you help me? Markus
  22. I have a page full of image cards and I'm looking for a way to randomize the order they are displayed each time someone visits the page. I know there is no native way in Squarespace to do this, does anyone know how to do this using custom code? Thanks!
  23. Hello,I'm looking for someone who could write me a code to remove those 2 buttons "qty" and "add to cart" only on certains pages of an online shop ?thank yoooouu !
  24. Hi. I added some code so that my logo would show up on the mobile version of my website but now there is alot of space under the logo. Does anyone know how I can fix this? Thank you.
  25. Hi All, Using the code found on https://styleddigital.com/blog/2017/5/10/how-to-add-an-animated-counter-in-squarespace. It's edited to the below, but neither the icons nor the images are showing up. I'd prefer icons, but happy to settle with images (The second one has the image src tag within it) The preview doesn't help, When published it shows the counter working flawlessly, but the icons and images simply don't show up. What am I missing to have them appear? Code below (I don't know why it was removed without a reason before) <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script> var a = 0; $(window).scroll(function() { var oTop = $('#counter').offset().top - window.innerHeight; if (a == 0 && $(window).scrollTop() > oTop) { $('.counter-value').each(function() { var $this = $(this), countTo = $this.attr('data-count'); $({ countNum: $this.text() }).animate({ countNum: countTo }, { duration: 2000, easing: 'swing', step: function() { $this.text(Math.floor(this.countNum)); }, complete: function() { $this.text(this.countNum); } }); }); a = 1; } }); </script> <div id="counter"> <div class="sqs-col sqs-col-2 counter-value" data-count="18" data-desc="Countries"><i style="opacity: 1;color:#3996cc" class="fa fa-globe-americas fa-1x"></i><br>0</div> <div class="sqs-col sqs-col-2 counter-value" data-count="41" data-desc="Cities"><img src="https://images.squarespace-cdn.com/content/5cd5a139a56827a74ecd921e/1563403026857-BN8OZY9NU2JJILQSIBS3/cities.png?content-type=image%2Fpng"><br>0</div> <div class="sqs-col sqs-col-2 counter-value" data-count="33" data-desc="Airports"><i style="opacity: 1;color:#3996cc" class="fa fa-plane-departure fa-1x"></i><br>0</div> <div class="sqs-col sqs-col-2 counter-value" data-count="200" data-desc="Brands"><i style="opacity: 1;color:#3996cc" class="fa fa-briefcase fa-1x"></i><br>0</div> <div class="sqs-col sqs-col-2 counter-value" data-count="1" data-desc="Billion in Construction"><i style="opacity: 1;color:#3996cc" class="fa fa-hard-hat fa-1x"></i><br>0</div> <div class="sqs-col sqs-col-2 counter-value" data-count="200" data-desc="Clients"><i style="opacity: 1;color:#3996cc" class="fa fa-handshake fa-1x"></i><br>0</div> </div> <style> .counter-value { font-size: 60px; line-height:2em; text-align:center; padding:17px 0; height: 150px; } .counter-value:after { content: attr(data-desc); display:block; text-transform:uppercase; font-size: 14px; line-height:1.2em; height: 150px; } </style>
  • Create New...