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

Search the Community

Showing results for tags 'spacing'.

  • 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://tylerelise.com Hi there, I'm currently using this code in the custom CSS for my website to get the gallery images to have 8px of space between them: #container-content { padding-left: 8px!important; padding-right: 8px!important; } #grid .item { margin-left:-8px; a { border: 16px solid #fff; } /* Overlay size on hover */ .wrapper { margin: 16px; } } The issue I'm noticing is that the images now sit towards the bottom right corner and are off-center in the box. I've attached an image of what this looks like in edit view, you can see the content is sitting towards the bottom right of the container. It seems like something is effecting the right margin within the code (I've also attached a screenshot from the inspect view to show this). I'm wondering if maybe because it's a white border and not a margin the borders to the right of each image are now covering 8px of its neighboring image? Any help would be appreciated, thank you!
  2. Site URL: https://www.finchandfinley.co.uk/ Hi, I need help to remove the large space between text lines in my text box (see attached photo of the newsletter signup). website address - www.finchandfinley.co.uk Password - fandf1234
  3. Hi everyone, I'm looking for some help with product details pages, I have a few issues but this is the main one (photo below): 1. I need to reducing the space between the product title and top of the image on product details page, for desktop sites, it's fine on mobile. I'm using Squarespace 7.1 with template name: Stanton. Product details pages use the “simple” image layout (because that’s the only one that intuitively seems to navigate additional product images and display thumbnails but I'm open to suggestions that don't include code if they exist). I do have some basic code changes on my site already but can't remember where I go to put it in to apply sitewide so if you could remind me of that, this would be amazing thank you! 2. I'd also like to change my complex variants to add up as you select options, i've seen the paid extension for that which I'll buy this weekend if nobody thinks that's a bad idea, but i'd like to code my desktop site to show the price near the add to cart button (not as annoying on mobile as the options are close together, but soooo frustrating for listings that need a lot of text on product details pages). If anyone knows code for that it'd be great too! 3. (rant warning) I'm so frustrated by the lack of ability to change things like spacing and font use sitewide OR area-only (like details pages only) with ease on Squarespace lately, my fonts are also doing weird things (changing the size of paragraph style 2 does absolutely nothing and I'm in the process of combing through formatting issues that pasted in when I copied details between listings without pasting as plain text - sigh). When I change formatting on product details page to look good, it changes somewhere else and that looks terrible etc. Thanks for the vent haha.
  4. Site URL: https://foreverweddingfilms.squarespace.com/ Hi! Can anyone show me how to reduce the size of the arrows in the slider, it's too big and doesn't suit my website? Also, I need to reduce the padding on all sides it looks too big. Please help guys if there is any chance. Thank you! Ranjith
  5. Site URL: http://www.hannahdooley.com Hi - I am having an issue with the mobile view of my website. If you are viewing the home page or contact page (it only does it for the home page and contact pages) on your phone, and scroll to the right, the whole page moves over and there is a blank space to the right of the page that runs all the way down the screen. I know this has something to do with the coding I found on the internet that allows me to have a banner that scales rather than get cropped. The coding worked great except for this one issue! Anybody know how I can fix this without getting rid of the coding I used for the banner? Thanks for any help.
  6. Site URL: http://www.juliancubelli.com HELP PLEASE!!! I got on my website today and noticed that all of my spacing was off, i logged into squarespace and found that all of my custom css is gone!!! Is there anyway to recover it? How does that even happen??? I need help please!
  7. Site URL: https://socialkickswim.com/ Need some help please! I'm trying to get the home page of a blog site in 7.1 and set to 3 columns wide to display all images and titles with even vertical spacing. As it is, some blog titles have a 2nd line, and this means the post below it is adjusted down an extra line of spacing, but not the entire next row. This makes for a very messy looking, misaligned home page. For any given row, I'd like the vertical spacing to the next row below it to reference the lowest point of the above title text. Appreciate any guidance!
  8. Site URL: https://thatstudio.co/ Hi, I need some help with mobile letter spacing. Looking at my screenshots you'll see the desktop letter spacing is nice and tight, then the mobile letter spacing is wide. I believe it is just affecting my headings, which is a custom font (Recoleta). I believe I will need some custom CSS to fix this, but not sure what that would be Thanks
  9. Site URL: https://www.roomb.ca/ca-business-zone Could somebody help me sort out this spacing issue on the right side of my screen on mobile. I deleted all of the CSS and it was still there. I tried adding: @media screen and (max-width: 767px) { .ProductList-grid { width: 100% !important; } } Didn't help. It's a members area. Pass is: CanadaRoomB Thanks in advance!
  10. Site URL: https://erin-werley.squarespace.com https://erin-werley.squarespace.com pw: 12345678 Hi, can anyone help me with how to adjust the image spacing for the mobile view? I'm okay with the spacing in the desktop view but in the mobile view, the images just don't have equal spacing. I want proper spacing for them. Thank you so much.
  11. Looking for code to adjust the element spacing for the page links only in 7.1 I want to maintain the close spacing of the Social Media links. Thank you!
  12. Site URL: https://www.nctwheels.ca/visualizer How do I remove white space on a blank page where I inserted 3rd party script? (SquareSpace 7.0)
  13. On my front page there's an area below the Reel slideshow, that is empty, but isn't filled by the pictures from Reel, although they would be big enough. The area I'm speaking about lies below the navigation arrows: Is it somehow possible to remove this area, so that the Reel gets more vertical space? The site can be found here, the PW is "knockknock".
  14. Site URL: http://www.studiofurks.com How do I reduce/remove the spacing between Selected Work and the grid. Please see screenshot:
  15. Site URL: https://tmha-new-site.squarespace.com/ PASSWORD: tamara Please see mobile screenshots. How can i fix all the extra spacing? (it looks so much better condensed like on desktop screenshot) How can I update the bulk text area (the "answers") to maybe 1 pt smaller to help fit better?
  16. Site URL: https://www.fleetwoodjewellery.com/all-estate-jewellery/p/multi-diamond-rings/vrm-156 With the new product editor, I am unable to put spaces the way I used to in my product descriptions. With the old editor, I was able to put 3 spaces in between words or phrases that I wanted to break up. Now with the new editor when I do this, it automatically formats it to one space when there is no period. This is no good for my website. I like to keep consistency across every product, and I have thousands of products. Any suggestions in how I can revert back to the older editor or how I can accomplish this? Thanks
  17. Hi All, I am having difficulties with my site. It displays fine on the desktop view but on the mobile view, there are large gaps between the sections on the homepage. I also have a section on the homepage with links to pages on the website which is not aligning properly in the mobile view. I have included screenshots of both issues. The site is not yet published. Is anyone able to assist with coding for these issues? Many thanks! Jos
  18. Site URL: https://tulip-tiger-l3hf.squarespace.com/ password: brineintopedro Hi! On my homepage, if you scroll past the first section, you will see the "Back In Stock!" text. I would like to close all the space between the first section and the "Back In Stock!" section, in addition I would like to scoot the title a little to the right (not center, but just over a little more).
  19. Site URL: https://www.graceventurawrites.com Does anyone have any suggestions on how to add padding to the top and bottom of ALL sections on a website on MOBILE ONLY? For some reason on the desktop versions the spacing is great. But on mobile the spacing disappears and I don't like how tight all the sections are to one another. Advice will be appreciated!
  20. Site URL: https://www.simonavisuals.com Hey, I'm looking to reduce the spacing of my header/top menu site-wide on mobile only. I'm happy with how it looks on desktop but on mobile there's quite a large space between the header and the content of my pages. I've tried a handful of suggested custom CSS from people with similar issues but had no luck! Any help would be greatly appreciated - thank you!
  21. Site URL: https://www.relativelygenealogy.com/blog I have too much vertical space between the text section and the blog section. I'd appreciate some help with this and I'd like the spacing to look similar to the contact page. thanks!
  22. Hello! Is there a way to remove the minimum width of a spacer block? I've found a lot of guides to remove the minimum height of a spacer, but not the with. Thanks in advance
  23. Site URL: https://www.goodwoodfamilygolf.com Hi there, Wondering if there's a way to decrease the space between the text and the first icon here, only in mobile. Reference attached—it would be on both the home page and the driving range page. I made all the images the same height so they lined up in desktop but this creates a bit of a gap as there is empty space above the small and medium bucket icons. Thanks!
  24. Site URL: http://thirdbean.com Is some custom code I could insert to eliminate the padding between the first two images of the Product page? The site isn't live, but I can attach more screenshots if that's needed. Thanks so much! -C
  25. Site URL: https://www.havenbeautyma.com Hi, How do I change the space between the header and paragraph copy on the first two sections on the homepage? Thanks!
  • Create New...