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

Search the Community

Showing results for tags 'spacing'.

More search options

  • 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 Topics
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Topics
  • 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



Found 105 results

  1. Hi all, I have a very simple problem at least explanation-wise. I am using simple slideshow on the homepage of my website and it works great on desktop, but when I switch to mobile preview it leaves huge blank spaces above and below the images. You can see it on my website sab.hr or on the images in this post. I would like to know if there is some custom code I could utilise in order to remove that unnecessary blank space around my slideshow on mobile. Thanks!
  2. Site URL: https://buffalo-caper-gcs7.squarespace.com/ Hi there! Would love to make the spacing smaller on top of my gallery, underneath the menu. Have been googling it for hours but haven't been able to figure out how. For reference, this is kind of what I'm going for(this is my old website: https://kimikawa.dk/ ) (My Squarespace website ID is 5ec7e491e60b116c887b38b0 ) Hope someone can help, thanks!
  3. Hey there! The heading text in my order confirmation page is overlapping ON THE PHONE VIEW. I think I've gone through all of the font data to find any letter spacing out of the ordinary, but it is all set at 0em. Can someone please help?
  4. Site URL: https://swan-porcupine-xnfl.squarespace.com/config/pages Hello, I would like to add a bit more vertical space between my slideshow galleries and the thumbnails below the slideshow. Is there a CSS code that I can use to do this? My site is still private as I develop it. https://swan-porcupine-xnfl.squarespace.com/config/pages Thanks, sk
  5. Site URL: https://chimes-tomato-2rwe.squarespace.com/ Hi, I'm after some help with some spacing amendments? https://chimes-tomato-2rwe.squarespace.com/ Password: LINCHPIN I'm looking to inject CSS and have even gaps and padding between Gallery grid simple blocks (site wide) on mobile and desktop. I'd also like to be able to adjust section width to be thinner than the default of 10 (VW?) site wide when needed as I want to add thin lines between different sections. @tuanphan I'd love your thoughts? Kind regards. Lincoln
  6. Site URL: https://elleessegroup.squarespace.com/about Hi! Does anybody know how any css or other way to reduce the amount of spacing between headings and body text. For example, in the attached screenshot, between the team names and bios and under the heading Client and the following copy. the password is : brodyj1
  7. Site URL: https://backwatertradingco.squarespace.com/ Hi all, I am working in 7.1 and am trying to reduce the space around the images in the gallery block and nothing I am trying is reducing this space. Any tricks? It is creating a huge gap between the image and the navigation links. Thank you so much in advance! Sarah
  8. Site URL: https://www.ikmwedding.com/fotografia/ola-i-przemek Hello, I have spacing 7 in desktop version is ok, but in mobile version spacing is to big. How to change it?
  9. Site URL: https://www.omarhasandesign.com/work/levarti-nkth7 Hello, I'm trying create a layout similar to the image attached, using a combination of image cards aligned left and right to create a tiled effect. Currently, in edit mode I have created a layout similar to the attached image but when I publish it, the section with the text doesn't appear (I assume this is because I am not selecting an image to accompany the copy?) When I preview in edit mode the desired design is visible, but in mobile view the empty image space is visible and creates a big gap. To create this tight grid effect I've used the built in style settings to adjust the image separation and the image width (green circle in image attached) However this made the padding between inline images above uneven. I used some custom css to try and adjust this and not sure is this the best way to go about this as it doesn't transfer well to mobile either. I've tried using text boxes and spacers too but it's difficult to get the tile effect even this way and the spacers also appear on mobile view. Code used below: //Margin for image blocks// .sqs-block { margin-left: 0px; margin-right: 0px; margin-top: -20px; margin-bottom: -20px; } https://www.omarhasandesign.com/work/levarti-nkth7 pass: squarespace_help Thank you!
  10. Site URL: https://sundogbread.com/preorder Hi! How do I move the customer accounts sign in to be directly below the cart on the navigation bar? I would like to narrow the vertical spacing and have it be inline with the social icons on the left side navigation (not pictured). It currently looks like this: I would like it to look like this:
  11. Site URL: https://imgur.com/DQjXBAQ Is there really no way to simply close the gap between h4 (or h1, h2, h3) and paragraph text without the fonts automatically matching?
  12. Site URL: https://www.mintlanestudio.com/ My site was working great then I'm not sure if I did something but it has created a white space between the index gallery and 2nd index section on the homepage, can anyone help me to fix pleaaaseee? :)
  13. Site URL: https://www.jamnikdesign.com/ My sections have a ton of top and bottom padding, and I cant seem to find a way to change it. I want it to be the same amount of padding thats on the left and right. I cant find anytsetting to adjust the padding on the top and bottom, Im guessing I'll have to use custom CSS. Thank!
  14. Site URL: https://bernardandhawkes.com/new-england-insider-favorites Hi, I am trying to tighten up the spacing in between elements on my masonry blog layout, I have reduced the spacing within the SquareSpace custom section, but there appears to be margin being added in the code. How can I remove this? I have tried multiple different selector options and nothing is changing it. Thanks!
  15. 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.
  16. Site URL: https://www.seenamavaddat.com/ Hi, I could use some help with spacing between images in a gallery section when my site is viewed on mobile. On desktop, the padding (or "spacing" as Squarespace calls it) is not very large, but on mobile the spacing is too wide. Tried to use some code but it didn't really work: <style> .block-yui_3_17_2_1_1588054001143_9492 { @media only screen and (max-width: 640px) { padding: 0px !important; } } </style> What would honestly help me altogether with this problem is the ability to link to portfolio collections (or whatever squarespace 7.1 calls them). Each of my separate pages (GD, painting, printmaking) are portfolio collections and what my homepage does is just link to the project pages through images. However the image spread on the actual portfolio pages (like here: https://www.seenamavaddat.com/graphicdesign) versus the ones on my home page are a little different (for example, there are hover overlays and the padding on mobile is perfect). I would love if there was a way to replicate that on the home page, but if not, I am back to fixing the issue above.
  17. Site URL: https://www.kevanw.com Do you know the CSS to make my Ishimoto Footer look perfectly centered on Tablets and Mobile phones? Any help would be greatly appreciated!
  18. Site URL: https://www.timdenton.info/ I'm having trouble with my images spacing correctly on mobile. I'm happy with the desktop layout, but the single images have a larger gap on them on the mobile view. I've tried many things but just can't get this gap to reduce in size. The gap between all the images that are two side by side on the desktop version space out just fine, its just the single ones. Hope that makes some sense. Any help much appreciated!
  19. Site URL: https://bassoon-oleander-texb.squarespace.com/ Site password: 12345 Right now, I have a "SHOP" Button in my navigation bar that I moved closer to the Cart icon using CSS edits to its spacing. However, when the window size is reduced/expanded, it moves with the other navigation items and the spacing I'm looking for gets messed up. I've currently used multiple lines to edit the spacing based off the window size as a basic fix: @media only screen and (min-width: 1270px){.header-nav-item:nth-child(5){ margin-left: 280px !important; margin-right: 5px !important; padding-right: 10px !important;}} @media only screen and (max-width: 1270px){.header-nav-item:nth-child(5){ margin-left: 200px !important; margin-right: 5px !important; padding-right: 10px !important;}} @media only screen and (max-width: 1200px){.header-nav-item:nth-child(5){ margin-left: 180px !important; margin-right: 5px !important; padding-right: 10px !important;}} etc.... However, I'm wondering if there is an easier fix to this and have that particular nav item (SHOP) behave like the Cart icon and Donate Button when the window size is expanded/reduced - so that it remains right-aligned to the window in the same relative position. Same thing when it comes to the grey backdrop. Any and all help would be greatly appreciated!
  20. Site URL: https://smilodon-ocelot-my5f.squarespace.com/ Hi, If I want to change the spacing across the whole site so my images have more room at the sides - how do I REMOVE the spacing from the top? My spacing was on 3vw. I want to be able to alter this whenever I want WITHOUT adding space to the top. If I change it to anything over 3vw up to max 12vw, then this not only gives an undesirable gap at the top, but it also eats into the slideshow image on my homepage. The styling in the header does not change this. passcode: trythis
  21. Site URL: https://torontogaa.squarespace.com/news2 I have successfully embedded facebook to my webpage and it displays fine. My issue is I want it to be the whole width of the page but it will only use up have the width regardless of changing the width on the code - any ideas?
  22. Site URL: https://smilodon-ocelot-my5f.squarespace.com/blog Hi, How do I make ALL of the text below smaller in MOBILE view and add more space between the date and the picture?... passcode: trythis
  23. Site URL: https://smilodon-ocelot-my5f.squarespace.com Hi, How do I make the padding tighter on my email sign up in my footer?
  24. Site URL: https://www.rubysplace.org/ Currently struggling with identifying the issue that is causing the extra spacing on the left and right of two of my content blocks. When I'm in edit mode, there is no spacing that appears, so I'm not sure why it appears when the site is live.. If anyone could help me with this, that would be great!
  25. Site URL: https://www.thisismakers.com/home Hello Everyone! :) I have been trying to align these three blocks so they are vertically aligned to the centre of the index all the time (like the image second image (illustration)). However, I am having no luck whatsoever :( It is okay looking on some screens when the page is full screen but most of the time it looks like the first image! Anyone know how to do this? Thank you in advance! :D web link: www.thisismakers.com/home password: test123
  • Create New...