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

Search the Community

Showing results for tags 'code blocks'.

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


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

Found 20 results

  1. Site URL: https://www.debbiemarkswellness.com/ Greetings! Is there a way to hyperlink text in a code block. I'd like to hyperlink the words Schedule, Meditations, Resources, Blog and also change the color of the text on hover. I'd like the text to be gray when static, ocean blue on hover. Any help would be fantastic! Thanks! site: debbiemarkswellness pw: BEWELL page: homepage
  2. Site URL: http://ariix.com.mx/nutrifii Hey guys, I am working on a site that has some icons (as code blocks) and I am having trouble when the display is switched to mobile. In desktop the code blocks appear on the same row, however as we know in mobile everything is stacked. I have tried several CSS codes without avail. I can't seem to find a way to make the images appear on the same row when on mobile. On the attachments you will be able to see how the display is on desktop and how it stacks them and messes up the row on mobile. Thanks in advance!
  3. Site URL: https://www.alceasurrogacy.com/surrogate-process I'm trying to add anchor tags to this page, but I'm having issues with the couple of different ways I'm doing it. Page is in progress. Any fix out there? I can rework the page to have either option on all sections. 1. On the page now - trying to add a hidden code block to have the list word link to section below. Unfortunately, the code block creates a huge space that makes everything uneven. See attached file for space under "What to Expect" instead of having it perfectly centered. 2. I also tried incorporating the head
  4. Site URL: https://www.lynnemeade.com Hi, I've turned on "Underline Body Links" option in site styles to go with the website's minimalist design aesthetic. A double underline of these links has arisen when adding code blocks to display a colored background, text and links. In order for the links in these code blocks to have an underline, I've used the code: p a {text-decoration: underline!important}. Without that code, the links aren't displaying according the link site styles setting. To view the double underline display issue on a page that has a code block with a link underlined
  5. Site URL: https://giraffe-daffodil-te3n.squarespace.com/portfolio Hi all, I would like to find a way on how to add and make text appear when the mouse hovers a code block. I've been trying to figure out how to apply a title/text hover effect over my (video) code blocks and image blocks that I created for my website. So far, I have applied a contrast/brightness hover effect, but I would like text to appear as well. I understand there is already a method to do it for image blocks, but is there a way to do it for code blocks? Thanks, Lily
  6. Site URL: https://www.thewordlady.co.uk/ Ok I'm totally out of my depth on all types of code and I'm winging it massively. I have a couple of key issues that I'm really hoping someone can help with? 1. I found a way to use code blocks to create an image hover effect where the text disappears on hover and a new image is displayed (most examples have the text appear on hover, but I wanted it the other way round). Anyway, I like the way the 6 code blocks look on desktop/tablet – 2 rows / 3 columns but I can't get them to display as 2 columns for mobile (instead of stacked on top of each o
  7. Hey, I'm setting up a website, and I use code blocks for some features I can't build on the platform. For instance I found a gallery that works better on mobile, so I want to use that. It works fine with one, but when I insert two on the same page, they somehow conflict with each other, so only one works. The same thing happens, when I use two very different code blocks, something in one of them seems to conflict with the other one. Any good pieces of advice for how to handle this? Maybe rename some identical elements there might be across the blocks, so names become unique? Oth
  8. Site URL: https://www.bucksreferees.com/honours Hi, I'm using code blocks above sections on pages of my website to create anchors, so I can have a page navigation section at the top. However, the code blocks have a physical size that I can't seem to change, leaving an ugly gap between each section. I found a tutorial when I started the site months ago to change some of the template's padding, and I was wondering if there was a way to do the same for code blocks? If I wanted to add space I'd use a spacer! Many thanks in advance.
  9. I'm working on implementing a third party solution for ratings and reviews (deliberately omitting the name) that's JavaScript based. I've found how to add code blocks, easy enough. However, what I'm struggling to find is if there is an easy way to pull in a value from my products, such as, name, description, image/thumbnail url, etc. I would like to pass these into the JS I'm adding. At a bare minimum, I need to pull in an id value. I realize I could manually change these values for each page, but that seems like it would be difficult to maintain in the long term. My hope is I can add some typ
  10. Hi everyone, I'm currently evaluating to migrate my blog to SquareSpace, and I have a small question. In blog posts I would like to add some special text styles to certain words for individual highlighting. Is it correct that the only possibility for this is to use Code Blocks instead of normal Text Blocks and do the CSS within (with Custom Styles)? Being a developer I have no problems with code sections, but as far as I have understood, with a Code Block I'd lose all other editor features like easy linking, easy italics and so on. Or is there a way to individually style some words w
  11. Site URL: https://www.zeiafoods.com/find-us-about-vertical-1 I am trying to use code blocks to create links to jump to different section of a page. I have put code blocks above (<a id="RETAIL">) and below (<a/>) a text block which I then link on another part of the page ( <a href="#RETAIL">RETAIL</a>). My problem is that this works in some parts of the page but not others. It seems like I'm setting up code blocks in the exact same way, but the closing </a> tag shows up red sometimes (see screenshot for example, when I tried to set up a link in the restaurant
  12. Site URL: https://www.jonasstensgaard.com/shop/funny-home-is-where-quote-bundle-svg-cut-files-family-quote-craft-file-funny-quote-design I'm on the York template. I've just started implementing Adsense on my website and have added ads via code blocks but I noticed a problem: When I add the ad blocks it destroys the way the navigation works on mobile. When I say destroy I mean you can click the hamburger menu but it looks like the menu is empty. In fact it looks like it's empty when in reality a LOT of space has been added above and below the links. The problem exists both in real-life
  13. Site URL: https://shopstyletherapy.com/currently-coveting-fashion Carousel gallery and code will not load correctly upon opening page. It requires a page refresh to open fully/correctly (see photos). Is there a way to remedy this?
  14. Site URL: https://www.wearecapcon.com/tickets-on-sale I have integrated the code provided by Eventbrite into code block, which is meant to allow purchasing of tickets to be performed on my Squarespace website. Unfortunately, when visiting the page, the code block doesn't trigger and the ticket purchasing display doesn't appear. However, if the page is refreshed, the code block is triggered and the ticket purchasing display appears as it is meant to. The issue appears to be with how the website loads, and when I visit the ticketing section of the website, it is transitioning rather than
  15. Site URL: https://www.fresherlife.co.uk/student-jobs Hello guys, I have some code that uses Javascript, this code works on ever other platform but for some reason does not work with squarespace? AJAX is already disabled and other parts of my site have working javascript. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="description" content=""> <meta name="keywords" content=""> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>sort</title> <style> *
  16. I entered a code block into my site to add a hover effect to my clickable images. Everything is working amazing on a desktop and laptop, but when using my mobile site the code blocks disappear when I press the back button. Is there a way to fix this issue? is It something with my code? ee4c6c83d91043e3b54e8dc380207ec6.mov
  17. Is there a way (without switching site into developer mode), to move specific data from an outside source (like Google Sheets) into a code block? I'm not looking to embed a Google Sheets, but to pull one specific cell of data into a table data <td> in a code block. The idea is that when the Google Sheets is updated, the code block in Squarespace will also be updated.
  18. Hi I've added a small image to my website using a code block that is pulling an uploaded image into the code block. The image is a graphic that reads, "MOST POPULAR". The placement is fine, but everything after the code block, in that section, specifically all the text, now is acting like a used link/button. It has gone gray and blinks on roll over. Here is the site: https://workheights.com/#members Here is the code: <a style="display: block;text-align: center;"> <img src="https://static1.squarespace.com/static/55099790e4b0bcc6146f3c96/t/5df401479726b96c2714
  19. Hi there! i have a page that has two blocks side by side, left is a title and right side is a code block with a review carousel. the problem is when shrinking the window, the code block (review carousel) stays on the right for way too long and it squishes the content until it becomes unreadable instead of just stacking under the title sooner. is there any way to change this? thanks
  20. What would cause this gray block to be there? I can't figure out how to get rid of it. I've tried adjusting the padding and it didn't work. Thanks! Website: johnetterleebooks.com
  • Create New...