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

Search the Community

Showing results for tags 'padding'.

  • 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: https://translegal-llc.squarespace.com/ Hi, Am having no luck writing CSS to target a section in 7.1 to reduce the space above and below this image in a gallery section (screenshot). Would love some help! Thanks, Barbara
  2. Site URL: https://ray-primrose-34c4.squarespace.com/ Hi All, Working on some customizations for a client's site and I've adjusted page padding using this: #page>{ max-width: 1020px !important; // 1020px is the default size padding: 150px 32px !important; // First number is top & bottom, second is left & right Defaults are 96px and 32px } Unfortunately this also affects the homepage (the only page with a banner image) and adds too much negative space below the image and the first text on the page. Is there a code snippet to add to prevent the homepage from being affected? Or is the best way around this to only apply the page code to every single other page via a #collection tag? Very novice at Custom CSS, sorry. Thank you! password: testview2022
  3. Site URL: https://www.carriagegrandtour.com/ Hi everyone, I was hoping for some help resolving an issue with excessive padding/margins space above the start of the design grid in my mobile sections. I have tried: Moving the section height slider all the way down Choosing vertical alignment top, middle and bottom - strangely, align to bottom actually reduces the top of section padding the most, but not nearly enough Using the following code: And also this one: But alas, the top margin remains. You can see that the issue does not exist with the lower margin - the grid goes all the way to the end of the section. Any help would be greatly appreciated. URL: carriagegrandtour.com Cheers Ruth
  4. Site URL: https://www.immortalradio.ca/trusc I'm editing my website in the full screen edit panel, and the padding looks good and as expected around the titles. However, in the same resolution and aspect ratio after saving the website, the padding is totally different. Does anyone know why this may be the case and how to stop it?
  5. Site URL: https://www.foodgardenlife.com/ I want to reduce the amount of space between a summary block and a button. Glad of suggestions. thanks
  6. Site URL: https://www.levelupcyclehouse.com/ On my site, https://www.levelupcyclehouse.com/, when you view the site in mobile on landscape (sideways), there's a thick border or padding around the edges. Are there settings or code to have it fit the mobile screens? I am using an iPhone 13 Pro Max. See attached file
  7. Site URL: https://www.prsnlhb.com/tops/phb-essential-logo-t-shirt-black Hi everyone, Is there a way to move up the padding image on mobile without affecting the desktop padding? Thank you
  8. Site URL: https://www.nickwaldinger.com/branding Hello, I have several videos being used on my website (linked from Vimeo), but they don't line up flush with pictures above and below them (see screenshot attached). I would like to adjust the padding on all sides of the video to match the pictures above and below it. Here is a link to the page I am referring to specifically: https://www.nickwaldinger.com/branding Thank you!
  9. Site URL: http://www.simpledwelling.net Hi everyone, I'm looking to spruce up my website, and wanting to add some padding to the left of my Blog collection page, similar to what https://softervolumes.com/ has done to their 'Latest' section. I don't want to the padding to be site wide, nor apply to actual blog posts, just the desktop version of the Blog collection page. Can anyone help with some code?
  10. Site URL: http://leard.co.uk/ I have a 7.0 squarespace site but I'm currently putting together a new 7.1 site using the Gates template. The default is to have 3 columns, but I want 4, but when I change it to 4, there's a thin line running down the centre (image attached), even though the spacing is set to 0. Anyone know why it's doing that?
  11. Site URL: http://www.mikeywhyte.com/testii trying to get this page content box to extend to the edge of the page so that the images are bigger.
  12. Site URL: https://okra-sapphire-f9t6.squarespace.com/viden Hey everybody! I have a site https://okra-sapphire-f9t6.squarespace.com, where I try to align everything. Under the blogs, I have a problem with extra padding being added to the left and right side: https://okra-sapphire-f9t6.squarespace.com/viden I want to remove the padding, without removing the padding when viewed on the phone. Any suggestions?
  13. Site URL: http://www.mollyrees.com Hi! I've had this problem for a few years and would finally like to fix it. There's a large white space on the right-hand side of my screen when I open my website on a wide screen. I'd like the webpage to be centered, with equal padding on each side. I added a custom border a long time ago, and I'm sure I added some custom CSS that messed it up. I'm looking for some way to fix it without deleting all the code (which I still need for other parts of the website.) I've attached a screenshot so you can see what I mean. Thanks to anyone who can help!
  14. Site URL: http://www.alexandrawuzyk.com/ Dear wizards of code, would someone be able to help me with the code to add for the following changes? - adding a custom (increased) padding to an image on my home screen (sidenote: is it possible to add changes which apply differently to mobile version, and desktop version? e.g. I may prefer to add a different amount of padding to my image, to avoid it becoming too small) - decreasing the automatic padding on my header (which pushes the content too far down) In green is indicated where I desire that circular image to be Thank you, PS. I am quite new to coding, so being explicit is appreciated (template is Forte)
  15. Site URL: https://brass-polygon-fz7f.squarespace.com/ Hi there Can someone help me with some custom code to reduce the padding when viewed on mobile of the 'Our Services' section of the website I'm setting up. It looks fine on desktop but there is too much space when viewed on mobile - see screenshots. Thanks Karly
  16. Site URL: https://www.lucienandsolenn.com/ Hi! I am looking for a css witch can help me to move my burger menu I created on the desktop view, next to the button "free toolkits" while the other links stay on the left side. How can I do that? Also if you have a little code to custom the thickness / size of this desktop burger menu that would be just amazing 😊 Thank you so much in advance!
  17. Site URL: https://www.awatelier.com.au/ Hi, I'm brand new to squarespace and have just been provided access to our newly created website. I'm trying to reduce the padding on all the gallery pages (Grid: Simple) so that the space between the single column images and two column images is smaller. I know I'll need some Custom CSS but not sure where to start!! Any help would be greatly appreciated!
  18. Hi all! how can I remove the space between two sections? see image attached.. I’d like to reduce the white space where you can see the red stripes I drew. @tuanphan could you help!πŸ™πŸΌ
  19. Site URL: http://www.productions-inc.com/videos/2022/7/22/barbour-x-ben-amp-marina-fogle-aRBM7 Im trying to remove to bit of a padding under a video block on the one of the case studies on this site. It only seems to be showing on this one http://www.productions-inc.com/videos/2022/7/22/barbour-x-ben-amp-marina-fogle-aRBM7. I can see in inspect element that padding-bottom: 56.33803% has been added but when I try to override that with custom CSS it doesn’t go away. Any suggestions?
  20. Site URL: https://www.dannyrothschild.com/design/posters Hello, I'm trying to figure out how to add spacing between images in my slideshow reel gallery on Squarespace 7.1. Every option I've found so far cuts off a portion of the image, and when viewed on phones, the images are no longer centered. I don't need to add any padding on top or bottom, just between the images, but without cropping them. Anybody know how to do this? Thanks!
  21. Site URL: http://laurelguido.com All the sudden, my website now is having issues with the logo on mobile. on all pages, there is no space above the logo. on my homepage, the logo/hamburger needs to move down towards the slideshow: on my other pages, also needs to be more space between the logo and the page title: (store, blog, example page) Let me know if there are any fixes!
  22. Site URL: https://www.hiit-nation.com/travel-nation Hiya. I have tried all the CSS codes listed here and in other chats, but nothing seems to work. I am trying to remove the massive gaps above and below my slideshow on mobile only. On desktop it is fine. Any help would be greatly appreciated!!
  23. Site URL: https://processworkuk.squarespace.com/ Hi there, I've added in code blocks for page jumps on a lengthy blog post, but they appear really large on the live site. Is there a way to reduce the padding around the code block? On the Squarespace editor they don't appear as large as on the live site... Blog page - https://processworkuk.squarespace.com/blog/the-world-in-here-and-out-there-processwork-facilitation-as-therapy-and-as-worldwork Password - ProcessworkUK2022 Thanks, Alex
  24. Site URL: https://cals.art Site password: pump Good day everyone! On desktop, the videos I'm hosting on my site are displayed without any margin or border around them, and due to screen size they are often larger than the window itself, requiring scrolling and going into full-screen in order to properly view the content Is it possible to, on desktop only, add padding or a margin to the videos?
  25. Site URL: https://www.dmistry.co.uk/ Hi @tuanphan, On my homepage I've got a grid of images for which I've applied some custom css (which you wrote) to remove the padding and make it full width, it appears how I want it to on a desktop and tablet.. but on mobile, there's white space at the top and bottom of each image block.. is there a way to remove this please? I've got the code below, applied to my homepage. /* homepage grid */ section[data-section-id="60e9829ec4c1a734c5d9c0cb"] { .content-wrapper { padding-left: 0px!important; padding-right: 0px!important; max-width: 100%!important; } .image-block img { transition: all 0.5s ease; } /* set background */ .image-block figcaption.image-card-wrapper { background: rgba(255,255,255,.95); transition: all .3s ease !important; max-height: 100%; opacity: 0; } .image-block figcaption.image-card-wrapper * { text-align: center; color: #3CBBC2 !important; } /* show on hover */ .image-block:hover figcaption.image-card-wrapper { opacity: 1; visibility: visible; } .sqs-block.image-block { padding: 0!important; } } Hoping you can help please! Thanks in advance!
  • Create New...