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

Search the Community

Showing results for tags '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
    • 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

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. hey everyone, I'm trying to make the section with the title (green background) sticky to the left, while scrolling the section with the text (nude background) to the right. can anyone help? https://janetesilveira.squarespace.com/depoimentos-clb7 ps: 1234
  2. Site URL: https://keyboard-jaguar-k52z.squarespace.com/ Hi there, On the website I'm working on I would like to have the 'Support the project section' on the home page (the one with the text in the middle and the 2 images on the sides) divided by 2 vertical lines. I managed to do it but I noticed that when the screen size is reduced there's blank space between the end of the lines and the end of the section. The screenshot attached shows how I would like the lines to be for every screen sizes. Anoyone knows how to fix this? Thank you in advace 🙂 Website link: https://key
  3. Site URL: https://comoseedlibrary.org Hi there! I'm wondering if there is a way to add a caption just below an image in "Card" format design. I'm trying to add the caption, "A local seed library holding locally saved seeds." below the image of a free little library on the "About CCSL" page. I'd be happy with an Editing solution or CSS code but I am unable to inject code into the website in the advanced settings section. Website page: https://comoseedlibrary.org/about-ccsl Website password: S@v!ngS33ds.
  4. Site URL: https://kd-portfolio.squarespace.com/ Hey there! So i have a bunch of images on the site with transparent backgrounds and I've set my image blocks to all have transparent overlay - but there's still an overlay! https://www.loom.com/share/972f15c25ce346cbac06c7439deb78a9 Thoughts??
  5. Site URL: https://watermelon-tarantula-ap3e.squarespace.com/portfolio-1/project-one-a9d72-lnmfb-bfn5b-2prgr-kytrd-3zgpj Pass: Stormy I created a custom image block with an embedded Vimeo video, and link button. It looks how I want on desktop, but in the mobile version, it appears WAY too tall, because it's scaling down the video image to fit. Is there some CSS which would allow my to tailor the vertical height / cropping of that image block, ONLY for for mobile? Thanks!
  6. Lots of folks have asked a similar question in different ways and there don't seem to be answers posted, so I figured I'd try again. This community is such an amazing resource! I am wondering if there is a way to use CSS to swap the order of blocks in mobile view so that you can specify some blocks to stack right to left rather than the standard left to right. So something like: @media only screen and (max-width: 640px) { //identify blocks you want to swap and change their order } My site is informd.co.in or informd.squarespace.com . Here's what I want to do specifically (on
  7. Hi, I've spent hours searching and cannot find the answer to what I'd hope was a simple solution! I basically just want to have a different home page header layout on desktop and mobile view. My site is in demo so it's not letting me grab the url. I've attached a sketch of what I mean - I hope it makes sense! I want a text box with a coloured background and button on desktop. I've done this and love what it looks like on desktop view. On mobile I simply just want the text box to move underneath the image and not be on top of it.
  8. Site URL: https://www.berlinheadshots.com Hey, Due to the way that the mobile changes the images on mobile the gallery that was 3 by 3 images (9 total) on desktop, is now 2 by 2 so there's now an image at the end of the gallery on its own which looks awkward and bad. Is there a way around this? Attached is how it looks on mobile. The images are currently in a gallery. I could add them separately as photos and hide the last image/block. But is there a way to remove the empty space where the image used to be? Thanks! Hamish
  9. Site URL: https://www.victorymma.co.uk/freetrial Hi there, On this page, i'd like to remove the intro block or at least the image as when I did a template changeover it now looks weird and the full image doesn't appear. Any idea how I can do this? Thanks so much Priya
  10. Site: https://chrissytolley.com/Template: Shift If you scroll down to Testimonials, you'll see I've used a summary block carousel for testimonials created in a blog format. Since the longest quote is first, excessive white space is not a problem. However, as you scroll through, you'll see a lot of white space when the quotes are shorter. Is there a way to make the summary block carousel dynamic so that it "shrinks up" when the testimonials are shorter, and doesn't create a huge block of white space between the carousel and the next section header? (I am comfortable with CSS.) Any help/insi
  11. Hi, I'm trying to figure out how to get my reviews from my Houzz website to appear on the home page of my Square Space website but I can't figure out how. I have tried adding an 'embed' block but that hasn't worked. I have seen a Word Press website with houzz reviews (and a link to them) on the home page, anyone know how to do this with a SS website? Many thank
  12. Site URL: https://transform.squarespace.com I've tried adding the following code to my CSS, but that doesn't seem to work: html, body { overflow-x: hidden; } To be clear, I just want the MAP block to be full-screen, nothing else. Is there a way to make this happen? Here's my staging site URL and PW: https://transform.squarespace.com/ pw - transform Thanks in advance,
  13. Site URL: http://www.eunhyeisgrace.com/human Site URL: http://www.eunhyeisgrace.com/human Hello, On this Human page, I currently have page description banner above the video. It is actually the default width size of the content block. But because it's too narrow i had to resize to stretch the video. And the code i used is; <style> .sqs-block { margin-left: -700px; margin-right: -700px; margin-top: -100px; margin-bottom: -100px; } </style> BUT th
  14. Site URL: https://www.interaction-ld.com/coaching_new I am trying to add custom code to a specific page and specific blocks of 'lines' and 'text' so that they are the same height and look in line. I found some code on another thread that I thought might be something to start from, but am unsure how to edit it for my page as it relates more to image blocks. I also wondered if I just needed to add the 'flex' element. I want to be able to have the items in any order and always be the same height. It's also possible that I will wart to target these same blocks with other custom code such
  15. Site URL: https://cafesoelle.squarespace.com Hey guys, Thanks for being an incredible community! Created a simple little site for a local coffee bar pro bono during these weird times, anyway, site is looking fine on web/mac, but things are looking a bit weird on mobile: 1. logo is gone on mobile? 2. the order of the blocks are off, should be like this: please see "block_order.png" 3. the blocks are wrapping the text weirdly, please see "text_wrap_1.png" (mobile) vs "text_wrap_2" (how it should look) That's it. Hoping that some of you guys might be able to help me out
  16. Site URL: https://www.renostud.io/be-a-designer My url is https://www.renostud.io/how-it-works. On mobile its image text text image text. Can you give me code so its image text image text image text? tks.
  17. Site URL: https://emilie-iggiotti.squarespace.com/the-truth-in-you I saw this effect recently on a website (https://www.violahillstudio.com/) where the contents of two columns are vertically centered without using spacers. I've tried inspecting the code of the website and can't figure out how to achieve the same effect on a client's website. URL: https://emilie-iggiotti.squarespace.com/the-truth-in-you Password: emilie What I'm trying to do is in the index where the image block and text block appear beside each other, I would like to vertically center align the contents rathe
  18. Site URL: https://www.ajollyconsulting.co.uk/risk-consulting I've added a drop shadow to an image which worked great: https://www.ajollyconsulting.co.uk/visa-global-acquirer-risk-standard I wanted to add to other images on the site (but not all), but when I added the other block to the CSS it started behaving oddly by adding a white margin to the left of the second block. The page with the second block that won't play ball is: https://www.ajollyconsulting.co.uk/risk-consulting (CSS since removed as it's live) I used: #block-cb70d638ae2ff944299b, #block-yui_3_17_2_1_161978
  19. Site URL: https://foodisterie.squarespace.com/la-foodisterie-1 Hello Circle ! I hope you are all doing well! I would need some help on this page, in fact I managed to make a split section with the two first sections. However the section goes under the header on some screen the first lines of text disappear under it and I can't find a way to place the sections just under the header and not at the top of the screen. I thought of adding a padding at the top, but on each size of screen the padding need is different so I'm out of options! https://foodisterie.squarespace.com/l
  20. Site URL: https://arsene.studio/en/home-1 Hi, If I put a first section that do not have a background image/video, the header stays above. Ho can I force it to be on top of the first section? Thank you ! Leo
  21. I have these "hop scotch" sections in my site. On mobile this section looks like garbage because it goes content, image, image, content. Is there anything I can do to make it go image content image content? @lu.diehl @tuanphan https://lettuce-grapefruit-bdsr.squarespace.com/ PSWD socialive
  22. Hi, I am trying to change the text color inside a block on one of my website pages using the block ID and custom css. All the text is one of the paragraph types and the code will change some of the paragraphs, but not others. I'm perplexed - this should be so easy. The first two blocks listed are the same - it's the green box on the right. The last block is the orange box on the right. I want to change all the text inside these boxes to purple, but as you can see, it only changes some of the text. Any ideas of what I'm doing wrong? #block-yui_3_17_2_1_1619538852743_12055 p
  23. In the recent updates, the Code Block has recieved an UI update to match the new design of other block such as Summary block, but bad thing is the width size is shrinked down and make it hard to look/edit, so this snippet may help you to increase the width size of code editor block Add it into Settings->Advance->Code Injection <script> if ( window.location !== window.parent.location ) { window.parent.document.querySelector("head").insertAdjacentHTML("beforeend", '<style>[data-test="block-editor-container"] { width: 620px !important; }</style>') } </script&
  24. Site URL: https://meck.com.au/mission Hi there, I've got a series of images where my text is alternating on the left and right of the image. I have duplicated some of these blocks and shown them only in mobile view so that when scrolling in mobile view the text appears before the image. However, a blank space has been added each time a block is hidden, and the same goes for the desktop view where blocks have been hidden. Thanks in advance! The page I'm working on is https://meck.com.au/mission
  25. Hi. I'm looking to edit the "Back to All Events" link that displays at the top left when viewing an individual event on an Events Page. I've found a CSS version for the earlier versions of squarespace but they don't work for the v7.1.
  • Create New...