Jump to content

Search the Community

Showing results for tags 'spacing'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • Welcome to the Forum
    • Customize with code
    • Commerce
    • Feedback on Your Site
    • Images & Videos
    • Pages & Content
    • SEO
    • Products
    • 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. Hello! The items shown in related products at the bottom of my product listings are spaced out evenly on desktop, but on mobile they get squished together and start to overlap. Any tips to add additional space between the related products? (the padding adjustments in site styles only seem to change the listing info and don't affect the related products section) Images: Left: desktop view of related products Right (2 images): mobile view of related products (price text cut off)
  2. When building sites with fluid engine, I end up getting this weird spacing issue in edit mode. Here's a loom video. Essentially, every time I move any element, the whole page jumps down. If I move the element back or click the back arrow, the page jumps down again. I end up having to discard changes so the weird spacing jumps don't take effect. I've reached out to support and they're saying that they can't see the issue on their end, and that it's probably my browser. I use Google Chrome, I cleared my cache and cookies, I opened an incognito window, I switched to Safari, and this issue still happens regardless of which browser or computer I'm on. Has anyone else experienced this issue? Do you know how to fix it? Any advice would be so helpful.
  3. Hello! I have an issue with the padding between the footer and the product grid on the shop page. It's fine on every other page, but I can't find what's making it do this. https://www.skinnies.co.uk/skinnies-shop Lil' help?
  4. It looks fine in the mobile view in the squarespace editing page. It also looks fine all in webmobilefirst simulator extension. But the truth is when I open it in my phone and my client's phone, the space between images is huge. How can I fix that? grid-column-gap and grid-row-gap properties are not working, even with !important. When I try to edit the spacing in the section options from the phone app, it freezes as soon as I move the slider. Any ideas? Thank you in advance. My client is waiting for me to solve this and I can't figure it out.
  5. Hi lovely people, I have been working on my new website and really need some constructive feedback on how it looks to a customer and whether it is user friendly. Also does anyone know how to rename photos once uploaded. I have loads to learn like naming photos before you upload them. Tagging everything, adding in all the background things they say to do in all the webinars I have been doing, its a learning curve and I could really do with some really honest feed back. Also spacing is a bit off I think between mobile and laptop though I tried so hard to get it all even, any tips on this please. Here is my site https://www.sassyupcycling.co.uk/
  6. Hi everybody. I'm very new to this and have what I assume is a rookie problem. I need to add names to an alphabetized list that sits in a block on our website. But I can't keep single spacing when I try to type in the new names; it seems to automatically double space the new entries. I've tried copying in plain text, but got the same result. Can anyone help?
  7. How can I make sure the social icons stand a bit closer together without having to change the link spacing which also put the pages in the header closer together? I want the icons as close as in this one But I want the link spacing for pages as far as this one
  8. Hi there, Could someone help with me the code needed to tighten up the spacing on my product page please? The space I'd mainly love to tighten up is the space right after the price and before the description. This only needs to be fixed on mobile as the desktop version is okay. https://daisy-chiton-7gh8.squarespace.com/shop/p/a-tale-of-two-sides-h3ffx-z6cxf-wb9bz-ah556-efmhl-alm62-9afym-ybyb9-yprpn-m8awl-zcngc-gccxl-w2b67-3ncjt Thanks!
  9. Is there any way to reduce the spacing of a hard return after a heading? Is there also a way to reduce the size of empty space between paragraphs when you use a double hard return? Squarespace has implemented some super frustrating code that creates a massive space after every hard return / paragraph break. Is there anyway to turn this off, or alter the code to only apply after a double hard return, like standard word editors? It's seriously impacting readability in text heavy areas like Blogs or Policy pages, that need paragraph headers to outline ideas or visually break up the content.
  10. Hi there, I face the issue that some extra blank space appears under the embedded widget. Since the widgets are written without using the grid technology, we get the following result: the block where I set the widget (embedded code) has a height of several lines (grid-template-rows: ...), I insert the widget into it and it's getting placed to the very first line, and the rest look like an indent. Is it possible to not use Squarespace fluid engine technology in a separate section or reduce the number of lines without using css? Currently, I'm able to remove it only with the help of CSS by reducing the number of grid lines, for example: .global-styles, body .fe-63cf03f0d8a6c9734ad4fd89 { --row-height-scaling-factor: 0; grid-template-rows: repeat(10,minmax(24px, auto)); }
  11. I'm trying to move the content up on mobile, but as I resize the background shape it pushes the text down and adds extra rows. Is this a bug or am I doing something wrong? I've tried to fix many times on different devices but not having any luck. Have stepped it out in the images 1-7. Any help would be much appreciated.
  12. I've added a code block to the footer of a website, however, in Fluid Engine the Embedded Script block is adding additional spacing below the code that needs to be removed. Attached is a screenshot of the website footer, showing the extra space in black below the code. The black block should be narrow, preferably 1 row in height, not 8 as shown currently. The footer code used is: <div class="footer-copyright-statement"> <em> <p style="font-size:80%; text-align:center;"> Copyright &copy; 2022-<script>document.write(new Date().getFullYear())</script> Allen Brothers Cattle All Rights Reserved | <u><a style="color:#ffffff;" href="/legal">Legal</a></u> | Website by <u><a style="color:#ffffff;" href="https://www.generation6.co/">Generation 6 Marketing</a></u></p></em></div> CSS .footer-copyright-statement { height:150px; width:100%; padding:10px; } Thank you for any help or suggestions.
  13. Hi I've added a code block and had to customize the widget's button but it has large extra space between the button and bottom section margin. See in screenshot: space from bottom of button to the bottom of the section. I've added this code (below) already from another post but it only adjust the height of the button and not the actual size of the code block. Also how do I make it so it adjusts to any code block throughout the site? Note: The "BUY NOW" buttons are widgets from another site. Thank you so much for your help! div.code-block { padding: 0px !important; height: 1px !important; } Attached are the screenshots for the /prices page and /booking page Links to the mentioned pages. Site Details SITE LINK: https://air-tan.squarespace.com/prices (buttons under "Original/Organic/Organic Plus") https://air-tan.squarespace.com/booking ("buy now" buttons) PASSWORD: draft-air-tan
  14. Password for website : loukianos2023 I have a few questions concerning my website. The theme I’m using is Jasper Jin. On gallery pages, how do I adjust the maximum width of every image? how do I adjust the outer padding only on gallery pages? I would like to reduce the outer padding of my galleries. And if I want to have different width for each gallery, is it possible? On Mobile view can I change the padding on my homepage? How much can I customise that for mobile? How can I have a transparent overlay effect on a image that is a link? How to change spacing between specific blocks? How to change spacing between site navigation and first block, for the whole site? Can Navigation links follow you on scrolling?
  15. Hello! I'm working on a project page for a client and it doesn't seem like I'm able to upgrade the section to Fluid Engine (or at least the option isn't popping up like usual). That being said, I also can't find where I'm able to adjust the height of the section manually and there's a lot of extra space I'd like to trim down. Any tips? Thanks so much! Haley
  16. I am trying to get rid of the large gap between the header and the content. It is just a big blank space and looks weird. I have been through a ton of settings. Any suggestions gratefully appreciated. Vanasa (www.sewenvquilts.com)
  17. Hello everyone, I'm working for a client that required some embed videos from Wistia platform. I'm getting some unwanted white space that becomes even worst on mobile version. I've tried everything I read here on the forums but nothing seems to be working for me. Nor this: .sqs-block.code-block.sqs-block-code { margin-top: 0px !important; margin-bottom: 0px !important; } .sqs-block.code-block.sqs-block-code { padding-top: 0px !important; padding-bottom: 0px !important; } or this one: .code-block { padding: 0px !important; } even both seems to be working for some users on the forum. I attach my embed code and some screens of the problem. Also a screen where you can see I can make it smaller in the editor. This is my testing site: https://mouse-crane-bnah.squarespace.com/ pass: MOTA Thanks in advance for your help
  18. jesseplum


    I customized everything to my belongings in CSS, but when my website was online, the spacing from texts and images where different on several desktops. Mine was fine (14inch). But on others with 16inch or 13inch, everything was out of line and text overlapping. Anyone any idea how to fix this problem within CSS? Squarespace should adjust it by default right, depending on the desktop width/pixels?
  19. Site URL: https://coconut-grasshopper-b736.squarespace.com/config/pages/632491ecd2457c0d3e60fa0e?p site password : gingerkev Hi all Re my case studies - accessed by clicking individual pics on home page... I want to reduce the gap between the pagination 'strip' below my case studies grid simple galleries , and the footer below- as per first pic below. The problem i'm having is that if i reduce the top margin of the footer too much (to effectively raise it up) the footer content starts to disappear under the pagination section, if i can call it a section - as per second pic. I dont see a section ID for the pagination arrows - I guess if it had a section number i could trim top/bottom margin.... Can anyone help? 1000 thanks in advance Kev
  20. Trying to add a break in between each topic in the tag line of the site. So instead of it stringing together "Actor Visual Artist Filmmaker" it will read as Actor Visual Artist Filmmaker And keep that formatting on the mobile site as well. Thank you!
  21. Hello, I suddenly have a problem on my business site that hadn't been there previously: Thin white lines appear just below the images on the homepage but disappear on hover. They also don't appear in the dashboard. I can't figure out how to fix this. https://www.causeandmatter.com/ Thanks for any advice.
  22. Hi there, Is there a way to reduce the spacing above the product title on product pages which include multiple images such as below? The spacing on all other product pages is fine. It is only an issue on pages where I have multiple images added to a product. Thanks!
  23. Hello, I am experiencing problems with the spacing on my website. On the display, which is much larger screen size than my laptop, the spacing on my page becomes increased and uneven. Is there a way I can turn off the responsiveness for desktop? The screenshot with lots of extra padding is from my monitor display.
  24. Is there code to alter the spacing within a restaurant menu? I'd really like to adjust the spacing between menu sections. The spacing is over the top. Thanks.
  25. When I view the page from my mobile phone it doesn't display the way I've edited it in Squarespace. Mobile view of actual site leave a huge gap.
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.