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

Search the Community

Showing results for tags 'block'.

  • 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

  1. Site URL: https://www.soof.design/ Hi guys! I need help horizontally aligning an image, text block and a button in a section on my website. I'm a beginner CSS-er, and I wouldn't know where to start generating custom code for this. My website is: https://www.soof.design/ The section I'm talking about is this green one: A horizontal alignment on desktop and tablet, and a vertical alignment on mobile is what I'm aiming for. I would love it if someone could point me in the right direction to a solution. Cheers and thanks, Sophie
  2. Site URL: https://www.melissatakai.com/ Hi there, I was wondering how I could reduce top padding on a specific text block? I've attached images of what I mean. As you can see, there's a lot of spacing between the text block and gallery block above. It looks pretty bad on mobile. I'm trying to move them closer so it looks like a caption. I'd like to leave bottom spacing alone. Also, I say "specific text block" because I would like to do this on my homepage only, if possible. Thank you so much!
  3. Site URL: https://lupatrattoria.squarespace.com I would like to customize the background, button & text colors for the OpenTable block in my website. Right now the block background doesn't match the page color & the button is black instead of dark grey. Thanks!
  4. Hello Friends, I'm having issues trying to resize my videos blocks and make them bigger. Normally from what I understood I should add some spacer on each size and then be able to adjust the size of the video. Problem is I can't seem to add anything on the page except on the bottom of the page for this example. Any ideas ? Thanks !
  5. Site URL: https://villa-rondinelli.squarespace.com/ Hi all, in a couple of pages of my website the mobile version swapped some of the blocks order: - here: https://villa-rondinelli.squarespace.com/storia - and here: https://villa-rondinelli.squarespace.com/ambienti password: maggie-villa There should be the text first and then the image throughout the page. I tried so many different solutions and nothing seems to work 😕 I thought I could solve it with 'flex-direction: column-reverse' but I couldn't manage to select a specific block as some of them don't
  6. Site URL: https://www.bomonroy.com/ Hello, I tried to find any question about it before post it but I think it's quite specific. I'm trying to reduce the size of the page blocks from my index page (https://www.bomonroy.com/) on mobile on a York family theme. I started adjusting with custom code the image width, left, top and height properties but now I have a low of white space of the block that I would like to reduce. Could anyone know how to do it? This is my custom code for the index in case it could help: (This for the background) .overflow-wrapper { -webkit-
  7. Site URL: https://plantain-halibut-ggpk.squarespace.com/livre-le-cousin/#/livres-le-cousin Hi everyone, https://plantain-halibut-ggpk.squarespace.com/livre-le-cousin/#/livres-le-cousin password : juliettebiennee For this website, I already messed a bit with the CSS but creating a full width browser footer with this bit of CSS : .Footer-inner{ height:100vh; } Inside this footer I have 2 columns of menus, one left aligned and one right aligned (also used a bit of code for this right align) : I would like for these menus to be fixed into the footer excepts t
  8. Hello, I'm looking for a way to display text over a number of full size images. I have found code to make an opaque block colour but this also affects the text which I would like to remain a solid colour. I would be most grateful for any suggestions - thank you.
  9. Hello, I am trying to add a small "CODE" section from a copied widget and for some reason it is not popping up as an option on my website. I upgraded my account to business and its still not showing? Do certain templates not allow you to add code sections?
  10. I'm using the collage block throughout my portfolio site and I'd like it to appear in different colors on different pages. For example, if you visit: https://www.johnpattersonportfolio.com/#/zulily/, you'll see purple - which works with the presentation. However, if you go to https://www.johnpattersonportfolio.com/#/wizardsofthecoast1/, you'll see the purple again. I would like it to be a light blue instead. I want to customize the color of the collage for every one of the 11 pages I have. Please help! Thanks! Dustin
  11. Site URL: https://www.helgaspetgrooming.com/our-tools Hey all, Any of you happen to have any ideas on how I can make these products all line up so they are all the same height? Site: https://www.helgaspetgrooming.com/our-tools Password: brady The Amazon Block does not allow you to resize the image nor the block height. I called customer service and they said the size is based on the Amazon image for the product and referred me here for additional help. Seems like the SquareSpace coders could implement a resizing image slider option or a handle at
  12. Site URL: https://www.adrianye.com/ux-design/well-read How do you resize an embedded Figma block? It ends up super tiny on my portfolio page and I need it to be visible and clickable. Here's the embed code. I tried changing the height and width separately with no success. <iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Fproto%2FNp3fm0oRYvDytAfYKZWdS7%2FWe-ll-Read-case-study%3Fnode-id%3D308%253A57%26viewport%3D-889%252C-2062%252C0.281281054019928%26
  13. Site URL: https://paddlefish-hawk-wdag.squarespace.com/ Pass - 123123 I'm trying to bring two images flush with the borders of a block - The green and white gradients are PNG files I've uploaded that I would like to have sitting flush against the bottom of the block and below the navigation bar Here's an example of what I'm looking for. I'm basically trying to find a way to blend the nav bar into the image, which then blends into the block below and thought this might be a possible solution - is this possible? Is there a better way to do what I'm ultimately looking for?
  14. Does anyone know how I could change the background color of a Text Block?
  15. Site URL: https://helix-bell-pr3e.squarespace.com/config/design/product-items hi there, I'm trying to change the background colour of a text section using Custom CSS - like this: This doesn't work. When I do the same thing for a block in the section like this: it works! I'm a Squarespace newbie, so any help would be appreciated very much! thanks
  16. Site URL: https://coral-bumblebee-7bh4.squarespace.com/ I have a lot of custom CSS code to adjust things. I'm using the yui ID from the html element (e.g. "yui_3_17_2_1_1597110450591_629") to select specific objects to apply edits to. However, after I make an edit to the site, all of the "yui_7_..." ids change, so I lose all my CSS edits. Does anyone know a workaround for this?
  17. Site URL: http://www.shyestudio.ca Hi everyone, I am seeking help regarding my classes page. On desktop, I have my class levels in 2 rows (3 columns) from Beginner, Junior, Intermediate, Advanced and Senior. However, on the mobile site, Squarespace is stacking them based on their column so the order is now Beginner, Advanced, Junior, Senior and Intermediate. Kindly let me know what I can do so that the order is maintained as intended in mobile view. Thank you!
  18. What is the CSS to edit a quote block? I want to be able to change text font, size, style, weight, color, etc.
  19. Hi Folks I'm looking to add a simple drop shadow on certain images contained in an image card block. When I enter generic CSS code it changes ALL the images on the page to have a drop shadow, which I don't want, I just want to isolate some specific images for a drop shadow. Any help hugely appreciated!
  20. Site URL: https://www.handford.com/ hi squarespace community, need help on something - please see 'creative' page on website : www.handford.com the padding on all sides of the Mission and Vision statement image blocks is way too much. I'd like it to be just a few pixels on all sides but I think it's more like 30px right now. i tried adding some custom css with the following: .sqs-block.image-block { padding: 5; } but this doesn't do anything to those image elements i mentioned. please help! thank you!
  21. Hi! I'm creating a page in the Avenue template. When viewed on a desktop there is an image on the left, and text to the right (see "M", attached). When viewed on a mobile device, the image comes first, with the text below (see "D", attached). I'd like to swap the positions of the 2 blocks on the mobile device. That is, I'd like the text first, followed by the image below. How can I do this? Thank you!
  22. My website template is: https://corn-ellipse-dcg3.squarespace.com/ And I want a border to be placed around the video block on the home page, it's an embedded Youtube video. Can someone attach a code for me to use and put into the CSS to add for this to work. I need help ASAP. Thank you! :)
  23. So I am using the following code to change text parameters in the footer such as text size: #block-5f0b425e7185980e19ff38a7{ position:absolute; margin-top:00px; margin-left: 0px; font-size:20px; } However when I make the change, the text size stays the same, but the 'SquareSpace Collection/Block Identifier' Extension Block ID (White with black text) changes instead. Could someone please explain how to change the size of the text and not the Block ID? Any guidance would be much appreciated!
  24. I'm using SquareSpace as an art portfolio website and using the "List" section type for my photos so that I can place images across from a description of the title, medium, etc. However, I have the issue that an overlay color is non-optional for these images, and since they are artwork and I want them to look the same as real life, I want to remove the color overlay. Is there HTML I can insert into the custom code area that would eliminate the color overlay? I'm using version 7.1. Thanks!
  25. I have several Image Blocks with Collage Design throughout my website and the text portion is overlapping and cutting off the image in mobile view. I'm looking for CCS to edit this so they stack since this is not an edit option in Site Styles Thank you!
  • Create New...