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

Search the Community

Showing results for tags 'padding'.

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 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




Found 303 results

  1. Site URL: https://lizard-chartreuse-ftf8.squarespace.com/ site password: solar2020 I am trying to reconfigure the LP banner image by adding part as an image overlay so that everything appears on mobile. Is is possible to remove the padding at the bottom of the page so it looks as if the image is bleeding into the next section? Any help would be appreciated!
  2. Site URL: https://amoritasvineyards.squarespace.com/home?p Hello, I'm trying to remove the horizontal padding around the gallery in the Brine template so that it has a full bleed on the page. Thank you!
  3. Site URL: http://thewellcanvas.com Hi! I am trying to remove the space between my top navigation/header and content. My homepage is a blog index, and ideally I would like for this to not affect individual blog posts, because so far this has resulted in my individual blog posts being too close to the header. I can see the padding is too much on the header, but I've already made it as low as possible without adding CSS. Thanks!
  4. Site URL: https://coconut-hypersphere-nmr5.squarespace.com/config/ Please could someone assist with getting rid of this blank space on mobile. I've managed to get rid of the blank space on desktop but not mobile. Please see attached image. PASSWORD to view : johnay
  5. Site URL: http://www.eoghannolan.com/ I'm trying to get the gif at the top of this page to look like a news ticker, so it needs to be full width and flush with the header and the section below. The width should scale down with the screen size and the height should be relative to the width - apologies my understanding of css is limited.
  6. Site URL: http://www.celineisogai.com Hey I'm using the 7.1 version of squarespace and I'm seeing a gap on mobile when you reach the bottom of the page. I'm assuming it needs padding but I'm not sure what I need in the code to fix it. celineisogai.com The password: wowza I've uploaded a picture for reference to the problem. Thanks!
  7. Site URL: https://coconut-hypersphere-nmr5.squarespace.com/config/ I am trying to get rid of image padding on mobile. At the moment I have this code which works in getting rid of top and bottom padding but not left and right as seen in image attached. @media screen and (max-width:640px) { .sqs-layout .sqs-row .sqs-block:first-child { padding-top: 0 !important; } .sqs-layout .sqs-row .sqs-block:last-child { padding-bottom: 0 !important; } }
  8. Hi all, I'm trying to reduce the padding either of the header (padding-bottom) or the image block below (padding-top) on my website, but I have tried both within the custom css and page injection pages but neither of my code is working or seems to work for a minute and then gets overridden, I was hoping this would be an easy task but it appears to taking a while to sort out so would appreciate any help. See the attached screenshot, plus code that hasn't worked so far... .header .header-announcement-bar-wrapper { padding-bottom: 0px !important; } Page.section:not(.content-collection):not(gallery-section)>.content-wrapper { padding-top: 0px !important; } Any help would be greatly appreciated. Cheers Martin
  9. Site URL: http://www.hap-ceramics.com Hey hey! I'm in the middle of redesigning my website but struggle with some issues at the moment. I hope you can help 🙂 I'd like to focus on pictures on my website and make them full screen with no padding around. For desktop it worked quite well and I'm happy with the result. However for mobile it doesn't work at all! How can I eliminate the padding around the pictures? And how can I make them full screen? I like what happens with the banner. It just zooms in. Thank you so much!! Cheers, Maxi
  10. Site URL: https://recorder-piano-n3y7.squarespace.com I'm using the flatiron template and would like to know how to reduce the right margin next to the images on the Project / Layout page. My image width is set to 1200px, but there is still a white space next to the image on the right. Is there a custom code to remove the white block on the right?
  11. Site URL: https://www.taskgloves.com/ Hi, Is there a way to remove the padding under the gallery slideshows? I've reduced the height to 0, and it was able to remove the padding on the top of the gallery, but not the bottom. I'm using the Brine template.
  12. Site URL: https://www.louissutherland.com I'm trying to increase the width of the page content so that the videos appear larger depending on the person's browser window (increasing or decreasing in size according to full the space accordingly. Right now the content feels very narrow with big borders/margins on the left and right.
  13. Hi, I'm in Version 7.1 and I want to increase the vertical spacing/padding between items in the drop down menu. So in the attached image, more vertical space between "Doodle Line Art" and "Lino Print Stars" etc. Also, I might want to change the font highlight colour when a submenu item is clicked on/selected, so if anyone has any code for that, it would be appreciated. Thanks
  14. Site URL: https://www.lifegaming.gg/ First question is regarding mobile format for a slideshow-reel, and how its formatted on mobile, in portrait view. On desktop view and in landscape view on mobile it looks fine, with it changing the image size to fit the container in that format. However on mobile in portrait view it doesn't adjust the image size and just zooms in on the center, and i'd like it to show the full image just scaled appropriately.
  15. Site URL: https://www.theduophotography.com Hey, as im a photographer want to share my photos in blogs. I like the stack gallery but the problem is that i cant put two portrait images on the same raw or make any changes so i decided to add each photo separately with photo blocks as some times i want to add two portrait photos or maybe three on the same row. The issue is that with this way there is a lot of padding between photos and i find it distractive. Attached you may find a photo (by photographer Joy Zamora) to get what i mean. How can i make the padding between photo blocks in blog pages to look like this? thank you
  16. Site URL: https://minnow-bison-eb6k.squarespace.com/ Is there a way that you can adjust the caption spacing and the block height of gallery blocks on 7.1? The padding is just really large on 7.1 between blocks and under images. Ideally, I'd like to just have a site-wide padding like on 7.0 but that seems to not be how 7.1 works. It's particularly noticeable on mobile (see attached image). Any help would be great. The password for the site is: password Here is the code I've already injected: /* Nav item color */ .header-nav-item a { color: Black !important; } /* Nav item hover color */ .header-nav-item a:hover { color: #ef5232 !important; } /* Nav item active color */ .header-nav-item--active a { color: #ef5232 !important; } /* Nav item hover color - underline */ .header-nav-item--active a { color: #ef5232; } .header-nav-item--active a { background-image: #ef5232; } @media (max-width: 800px) { .gallery-masonry .gallery-masonry-item img { height: 100%!important; width: 100%!important; } .gallery-masonry .gallery-masonry-wrapper { columns: 1; column-gap: 0; padding: 0 10px; height: auto!important; display: block!important; } .gallery-masonry-item-wrapper { height: auto!important; } .gallery-masonry-item { position: relative!important; padding: 10px!important; transform: none!important; width: 93%!important; display: block; } } @media (max-width: 800px) { .item-pagination-title, .item-pagination-icon { font-size: 15px !important; line-height: 19px !important; } } .header-menu-nav-item a { font-size: 25px; } @media screen and (max-width:800px) { .gallery-grid-wrapper { grid-template-columns: repeat(1,1fr) !important; grid-row-gap: 5vw !important; } }
  17. Site URL: http://https/fullcirclemicrobes.com/problem-solution-1 For each new page or section I create within my site index, there's a built-in padding or margin at the top and bottom that runs the width of the screen. I've looked at a few similar questions and tutorials on YT but haven't been able to make those CSS fixes work for me. In this particular example, I want to eliminate the grey areas above and below my text blocks so that the section/page will be divided in half vertically with the left side all grey and the right side all green.
  18. Site URL: https://pufferfish-lion-mkrm.squarespace.com/ I am using the Nolan template. To display a full width video with no padding on top so it sticks on top of the section, what code do I need to inject in the css ? I tried some code and it seems ok-ish but not sure. For the padding on top it seems in particular challenging for mobile, think I need some more specific code there. General site-spacing I am using: Page-width max: 2400px Page Margin: 2vw Besides the video I would like to adapt another section with image-stacks to full width images on the mobile version of my site. Which CSS code should I use for both video and images to be make it look perfectly smooth? Also right now I'm addressing all videos in the code, but how can I address specifically the video in section two ? code I used: .sqs-block-video { padding: 0 !important; width: 110%!important; margin-left:-4vw!important; margin-right:-4vw!important; margin-top:0!important; } .page-section:nth-child(2) .content-wrapper { padding-top:0!important; } @media screen and (max-width: 640px){ .sqs-block-video { padding: 0px !important; z-index:99!important; width: 110%!important; margin-left:-5%; margin-top:-5%!important; } } Hope you guys can help 🤞
  19. Site URL: https://www.valiantresidential.com/ I'm having trouble adjusting the padding between the caption and the edge of the block (using Card Image Layout). I feel like the text is running way too close to the edge of the box. I've adjusting the padding options for regular text boxes, but it doesn't seem to apply to the captions of image layouts. Any help is greatly appreciated! Template: Fairfield Website: www.valiantresidential.com :
  20. Site URL: https://www.loveleecreative.com My mobile view has a lot of white space above and below items. I have adjusted the padding in site settings, but then it is too small for website view. I need a custom code that I can target at specific blocks to remove this extra space that is showing up on the top and bottom of items. Any ideas?
  21. Site URL: https://www.mattretzlaff.com Is there a way to reduce the amount of space between the images and buttons on the home page? They are way too far apart. Thanks.
  22. Site URL: https://www.theduophotography.com Hello, So I have a question to ask regarding the phone hamburger menu. I've just noticed that when someone enters my website from the link in my instagram bio and then choses to see the hamburger menu the button doesn't show unless the scroll down (which nobody will see and it will get lost). I've tried with coding to make the letters smaller but it did't work again. Is there a way to change the padding and bring everything upper? I mean there is a lot of space on the top after the logo why it has to be so long. Thank you in advance
  23. Site URL: https://seal-platinum-z2yb.squarespace.com/ Hi there, I'd like to reduce the padding at the top and bottom of the footer on this site: https://seal-platinum-z2yb.squarespace.com/ PW: FiveKnights7992 Can anyone advise on this? Thanks in advance!
  24. Site URL: https://www.bottlerocketrecording.co.uk/home-2/#recording-mixing-london-rates Hi Guys, @tuanphan @RyanDejaegher, @paul2009, @bangank36, @christyprice @rwp I've got a little issue with excess padding in between my pages. I can't close it up using site styles because it messes with my index scrolling – chopping into headings etc. Wondering if there is any code that will close up the gap but not effect my scrolling?
  25. Hi people, I'd like to ask about a padding issue under my logo (see photo, site not yet published). Apparently the block makes it so that there's 17 px space below the logo, but only 10 above. I would like it to be in the middle (preferably the bottom space removed). According to customer service this apparently is only possible using custom CSS. I have limited coding skills, but if I see CSS somewhere, I might be able to deduct something... but I can't even find where the CSS for this part is. I'm using a template from the Brine family (Hyde) and version 7.0 if it makes a difference. Anybody able to help? I'd like to publish the site as soon as I'll get a few things fixed there, so I'd really appreciate it! 🙂 I can provice code if someone thinks they could deduct something from it, as the site is behind password...
  • Create New...