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

Search the Community

Showing results for tags 'spacer'.

  • 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
  • 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://davidcass.art/latest Hello. On this page (davidcass.art/latest) I've deliberately used a staggered design. On laptop, desktop & tablet, I'm happy with this. On mobile, however, the placing of the spacers makes uneven gaps between the artworks. Is there a way to ignore spacer blocks on mobile on this single page? I can't do this site-wide as I rely on spacers elsewhere in my site. Thanks so much. David
  2. Site URL: https://www.andrearteaga.com Hi I have tried searching for this yet can not seem to find anything on it, My question is on the arrow gif that is on my homepage (work), it is perfect size on desktop because I added spacers, but once I go to mobile the arrow is way too big. 1) I tried resizing the image with "max-width" but it just squished the arrow instead of resizing. I may be missing something there 2) I tried to modify one of the spacers since mobile gets rid of them with this code: #block-yui_3_17_2_1_1621041734241_7526 { display: block !important; } -
  3. Site URL: https://gregorylassale.com/ Because of the scaling, the center element on the Services pages (https://gregorylassale.com/english#services and https://gregorylassale.com/french#servicesfr) is out of alignment on mobile. The picture above os on an iPad Pro 11 (2388x1668 pixels) Here is the same page on desktop: Not sure if the fix would involve inserting a spacer above the "film TV and multimedia" SVG code block, aligning the center row of elements, or reducing padding on mobile. Thanks in advance for the help.
  4. 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
  5. Site URL: https://green-lobster-ggnk.squarespace.com/ https://green-lobster-ggnk.squarespace.com/ Site Acess code is 1234 I need to reduce the space between header 3, and paragrph across the site. (See example image) Setting the h3 verticale spacing lower makes it look bad when there are 2 lines that are h3. I want to reduce the sapcing JUST when there is a paragraph below it, I've tried everythign I could find online! Any help is really appreciated, Thanks, Justin
  6. Site URL: https://www.on2design.co.uk Hello all, Is there a way to remove or control the size of any spacer columns/spacer blocks in a page or site-wide from a specific screen size using CSS—in this case—for tablet screens? I just want to have a more control over the spacing of elements on the page. I am using the Avenue template. Many thanks for any help given 😊
  7. Site URL: https://www.thedadboxmovie.com/mystory Hi everyone! I do not have much experience with coding or html, but I was wondering if anyone can help me lessen the space between sections on my HIS STORY page on my website. It is under the "THE STORY" menu.
  8. Site URL: https://alpaca-cow-8939.squarespace.com/work/ariat I have 2 sets of images that have different dimensions. I want to create two different Gallery Blocks for them. For the Gallery setting i want to create a 5px spacing between the images, which is easy to do for the images within the same gallery. But i have a hard time figuring out how to create a 5px space between the 2 different Gallery Blocks so the design flow feels consistent. Is there a way i can achieve that?
  9. Hi, I am hoping to change the color and add some padding to one item in my "projects" menu on the homepage. I am attaching a screen shot. I would like to change "WHO WE ARE" to a hex code specific color and add extra padding below that item only. Can any help me out? Thanks for your time!
  10. Site URL: https://www.patriciateodoro.com 1. Hello! I am using the Wells template. I am looking for help on how to add a drop down to the mobile navigation version of my website. When viewing the desktop version the link, 'Main' and 'Thought Tree' show a drop down with other links but with the mobile version it just shows all of them and it looks quite messy. If that is not possible how can I add a line spacer/border above them so they're spaced out? I also tried making the drop down a:link smaller in font size but for some reason it also made the, 'Home' link small too and I could
  11. Site URL: http://www.amovintage.com Hey, I would really like to create a bit of space between the "breadcrumb" navigation where it says All/ and the product images below, think it looks really cramped Is there a way to do this? Cannot find anywhere! Thank you
  12. Site URL: http://www.amovintage.com Hi all, Wondering if anyone can help. I have no problems adjusting the fonts on my website but cannot for the life of me find out how to change the text for the categories menu, I also have a heap of white space above it which isnt a 'spacer' block, its just something thats already there. Please can I get some advice? Thanks
  13. I'd like to remove the spacer blocks to the right of some text but only when viewed on a smaller desktop screen. This is so the text runs along the full width of the screen when the screen goes below a certain size. I have tried the CSS code below but nothing happened. Can anyone shed any light? Thank you! /* Remove spacer block */ @media screen and (max-width:740px) { .space-block { display: none !important; } }
  14. Site URL: https://bluebird-porcupine-yzdg.squarespace.com/home-copy-1 I would like to separate my sections on mobile by adding some white space between each section on mobile only (see image1) If I add a blank section on mobile it's quite high (see image2). Ideally, I would just like it like image 3. Please help! Page = https://bluebird-porcupine-yzdg.squarespace.com/home-copy-1 Pword = bluebird Many thanks, Best, Faiz
  15. Site URL: https://www.katekrizka.com Hi There! I am looking to use spacer blocks to resize image/text blocks. I am also using a fixed background, therefore I can only have ONE section. When I add spacer blocks, they take up the entire height of the section rather than just affecting the image/text block. Any help would be appreciated! Thank you!
  16. Site URL: http://cube-clover-ac3f.squarespace.com Hi there, Does anyone know if it's possible to add blank space between sections? My sections have different coloured banners and I don't want them to flow into each other. Currently I have put a new page in there but I would like an alternative solution if there is one? Many Thanks, Eppie
  17. Site URL: https://bluebird-porcupine-yzdg.squarespace.com/store/p/studio-overhead-jacket Hello, is it possible to remove the space/gap between the last product and footer on my all my Product pages? Please see attached image. Page = https://bluebird-porcupine-yzdg.squarespace.com/store/p/studio-overhead-jacket Pword = bluebird Many thanks, Best, Faiz
  18. Site URL: https://www.madebydot.tv/ I'd like to add some space between each project on my website's home page when viewing it on mobile. At the moment there's not much differentiation/gap between each project as we keep scrolling down. How do I turn the spacers on and define a minimum height just for the home page? @tuanphan
  19. Site URL: https://www.betweentwonaps.com/ hello there! i have some spacer blocks that help align some images... but on mobile they pile up above and below the images to create great big spaces that make too much of a gap. is it possible to use code to target specific spacer blocks so they hide on mobile? (and how do you find out those block ids for in the code?) any help appreciated! thanks!
  20. My website: https://thrustinteractive.squarespace.com This sire looks good and has the appropriate white space on the sides of content on desktop, however when I look at the site in a mobile view elements are bunched together and the spacer blocks are lost. I am using the Brine template, is there any way to add code or have the spacer blocks that keep my site clean show up on mobile. It is keeping my website from being responsive and looking as good on mobile as it does on desktop. Thank you for your help!
  21. Site URL: https://www.jaxmariephotography.com Password: fbla2020 The template I am using is Zion and its under photography. Hi! I would like to customize the height of two spacers (the ones labeled below) so they are about 50% of the height of their minimum height to center the "Jax Marie" and social links. However, I would like this change to only apply to the spacer in the footer and not all the spacers sitewide. Any help with custom CSS would be greatly appreciated!
  22. Site URL: http://criswallerid.com/projects I used the Horizontal Features template which has a page with three columns, each consisting of header text, image, text and a button. I duplicated the column structure to add three more sets of these items below the first. I'd like to add a horizontal spacer between the sets of items so that the tops of the second set line up neatly. I can't seem to find a way to do this; I can only add individual spacers below each button. Is there a way to do it or do I have to start over?
  23. Site URL: https://www.goodtimegals.co.uk/shows Hi! I would like to know if it is possible to have the spacer automatically adjust but remain in a straight line as you change the size of you browser window. I would like the 3 buttons to remain in a straight line but have no idea how to do that. Would anyone please be able to assist? Thank you! https://www.goodtimegals.co.uk/shows
  24. Hi guys Do any of you have a custom CSS code for changing the width of the spacer-block so that it can go to 0? I was able to change the height, but haven't cracked the width yet. Cheers,
  • Create New...