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://www.happysoulpediatrics.org Can someone help me with a code to space out the social links and button? Also possibly making the button a bit bigger?
  2. Site URL: https://www.drewdepinto.com/about Hi all, I used a card image block for this page on my site, since using image and text blocks side by side created too much space in between the two. On my screen the image and text are about the same height and width, but on other screens the image is much larger than the text. I tried changing the image width in site styles, but I don't want the text to be much wider than the image. Is there a way to fix the image size for a card image block, or another way to preserve the image to text ratio? Thanks!
  3. Site URL: https://alansarpy.com/ Hello! I built a sidebar navigation and I can't seem to figure out how to get it to not cover up my website content. I need help figuring out the code to get all my content to move next to the sidebar and not under it. picture attached of what the site currently looks like and an example of what I'm looking to achieve. https://alansarpy.com/
  4. Site URL: https://www.drewdepinto.com Hi all, I am using a dark background for my site, and have noticed that pages that look fine on my screen have white bars of "negative space" between the last section and footer when viewed on larger screens. I don't want to increase the height of the sections or footer, as that would result in changing the positioning of text and images, and a lot of blank scrolling space at the bottom of some of my pages (at least when viewed on my own laptop). Is there a way to set that negative space to the same color as my background? Thanks!
  5. Site URL: http://www.flight-kicks.com Have researched on the forum many CSS solutions offered to remove the large space above my gallery reel. I have code in already which I thought would handle it. I'm a novice, so not sure why it is so stubborn! Client wanted the slider very small (may change later) and I have changed the reel control icons and inset the reel. I have the bottom spacing under the reel where I want it, but the top of the section has a large amount of space. The gallery section starts just under the video block -- for reference. Can anyone help? I've attached a copy of the page. yes, i know the fonts and such are small -- client trying like the dickens to display too much info in too small a space, but I can work on that aspect! Also, the second section is not "filled out", wanting to get the initial airport description (contained in 2 sections - 1 has the text, video and thumbnail images, the other is the gallery reel section). Boy, do I miss the feature to add a gallery block to an existing section (I don't have access to the circle!). Page I'm on is www.flight-kicks.com/airport-destinations and requires a password to view. Will provide if needed. //*gallery section spacing*// .gallery-reel[data-width="inset"] { .content-wrapper { padding-top: 0vmax !important; padding-bottom: 0vmax !important; } min-height: 100% !important; } //*set the gallery reel inset spacing and top and bottom global*// .gallery-reel[data-width="inset"] { padding-left: 8em; padding-right: .5em; } .gallery-reel[data-width="inset"] { height: 12vh !important; }
  6. Site URL: https://tan-sealion-gr2m.squarespace.com/ Hi, On the homepage, there are 2 columns of bullet points which is how I want it to look on desktop but when you switch to mobile there is an extra space or additional padding (screenshot attached). How can I remove this so it just appears as a list? Thanks, Ali
  7. Site URL: https://www.packtraining.com/ Hello friends, How can I manually shift the spacing for the cursive text to follow closer to the main text header text?
  8. Site URL: https://lightandair.co.uk/shop/p/statementcelestite Hello experts! I've tried everything I can think of to no avail.. can anyone help me reduce the space between the product description and the gallery which I've placed in additional info? Thank you!
  9. Site URL: http://www.martiandesign.com I'm looking for a way to increase the margin of my header (on desktop only) to align with the content below. Any help would be so greatly appreciated. thank you!
  10. Site URL: https://www.rena.website/coda Hi all, I noticed that if I insert a code block within a page, it has almost double the amount of padding than a normal text block does (see image for reference). Does anyone know how to reduce the vertical padding for code blocks? Website: https://www.rena.website/coda
  11. Hello! So grateful for this forum.... How can I change photos to be the same size? With no border? I also want the photos to be the same/similar size as the photos on this webpage: Camp Erin | Eluna Network (scroll down to the photos that are next to one another on the Overview page). Many thanks, S2S
  12. Site URL: https://www.atelierrobotiq.com/ Why does my spacing change when I upload my home page. In the edit, the spacing looks different than when I upload it. I haven't uploaded my home page yet at the moment, because I want to get the spacing right first. Does anyone know if I need to adjust a setting?
  13. Site URL: https://kccbd.net Hey there! I have noticed recently that all of the buttons on my website have a space below its text, as if an extra space was between it. I'd love to get to the bottom of this so that they can return to normal. Thank you!
  14. Site URL: https://www.playcollaborativearts.com/ Hi friends! I am looking to remove the random strip of white between the content and the footer, and if I'm unable to do this I would like that white to be coded to black to match the header 🙂. Thank you so much for your help! **I have tried all of the S M L block, positions, sizes etc
  15. Site URL: https://bassoon-violet-z33p.squarespace.com/about Attempting to reduce the space between lines of 2 different styles of text (under the pictures - Name & Nickname). Tried this code I found online, but it still isn't working. Any ideas? password: dreamteamclt p1 { margin-top: -15px !important; }
  16. 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!
  17. 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
  18. 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.
  19. 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
  20. 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.
  21. 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!
  22. 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!
  23. 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
  24. 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!
  25. 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.
  • Create New...