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://www.adornbeautystudio.us/ HELLO! I've edited the heading padding in editor as well as adding this to custom css: } .header-announcement-bar-wrapper { padding-top: 0 !important; } But there's still uneven padding on the website. It wasn't like this yesterday - anyone know what the issue is?
  3. Site URL: https://www.urbanform.net.au/ Site URL: https://www.urbanform.net.au/ Hi everyone! I am wondering if there is a way to reduce the padding or margin of the space between my navigation bar and the start of my content? (either by reducing the space around the logo to have 0 along the bottom and top or by reducing the space at the top of the body copy text to 0). I'm using an older template (Flatiron) so don't have the new navigation options. Are there any codes available to help with this? Thanks so much
  4. Site URL: https://www.imadgineux.com Hello, I just made my first UX portfolio and I am looking to hear any feedback you may have about my site. I am very interested in making the padding between sections significantly smaller and have not been able to figure it out with CSS or YouTube videos. Looking forward to hearing your insights. -Maddie
  5. Hi! I wanted to ask if anyone knows how to remove the padding on the product details page with a sold out item. Somehow the "sold out" sign is not at the same place as the price that was listed before and that's what I want to achieve. I attached this code to remove the price on the page: .sold-out .sqs-money-native { display:none } .sold-out .product-details .product-mark.sold-out { font-size: 16px; font-family: "Helvetica Neue", serif; letter-spacing: -0.01em; font-weight: 900; } Here are pictures for reference and thanks in advance!
  6. Site URL: https://bounthavong.com/ Hello, I am trying to remove the top and bottom gaps between Gallery-Strips that appear only when in Mobile View. I have tried adding the following css code but it does not seem to work: @media screen and (max-width:640px) { .gallery-strips { padding-top: 0px !important; padding-bottom: 0px !important; } } Any help would be super appreciated! Thx very much!
  7. Site URL: https://raccoon-tarantula-6j7y.squarespace.com/ Hi, I'd like to remove the padding from the bottom of the footer on my site. link: https://raccoon-tarantula-6j7y.squarespace.com/ pass: giuseppe thanks
  8. Site URL: https://www.lleky.com/apparel/p/3ymppisnpe5idhs7a03ft5qc48wyck-p8be2 I used a code to make the product images full bleed, but it applied to the product info as well. Is there a code to leave some padding for the product info and titles? I am currently using this code /* product images full */ .tweak-products-width-full .products.collection-content-wrapper { padding-left: 0; padding-right: 0; padding-bottom: 0; } .tweak-product-basic-item-width-inset .ProductItem { padding-left: 0; margin-left: 0; max-width: 100%; } nav.ProductItem-nav { display: none; } Thanks!
  9. Site URL: https://www.kisskissem.com/ Hello! I have just very knocked up a temporary site for myself as my subscription renewal was coming up and I wanted to switch my very old website over to 7.1. I'm having a little trouble though with the padding on the side of the main body content and footer. I want them both to align and be set to the same width as the header, but I can't figure out how to do that... I've set the width of the section to the largest and tried changing the spacing in Site Styles, but it doesn't seem to make a difference. It does, however line up on the mobile site, just not on the desktop version. Any thoughts? Thank you!
  10. Hi there, I'd like to see if there's a code to change the padding on blog posts that applies to all of them on the site. Right now, there's too much and I'd like to decrease it. Thank you for your help!
  11. Is there a way to remove padding inside of a code block? I've inserted an image using a Code block and want the block to fit snug around the image itself, but I'm getting an extra padding on all sides. Here is a link to the site for reference Password: weddings This is the code I currently tried to use: .sqs-block-code .sqs-block-content { padding-top: 0px; margin: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } Any help would be much appreciated!
  12. Site URL: https://hemmahemma.com/ I have used custom CSS to make a handful of full width image cards across my site, and they look fine so far on laptop screen size (1440 x 900) and larger, but on smaller screen sizes the image isn't scaling to match the height of the text on the other side, so there is text overflow and a large gap of of white space under each image (see example attached). They do automatically stack on mobile though, which works fine for my purposes. Can anyone help with this?? The site is built in 7.1 Here is the code I'm currently using for each specific section to make the image cards full width: // Full Width Image Card - Page Section // [data-section-id="61af6c6d9d995e1dda60e2fe"] { overflow-x: hidden !important; overflow-y: hidden !important; .content-wrapper { padding: auto !important; margin: 0px auto; display: contents; } .sqs-layout .sqs-row .sqs-block { padding-bottom: 0px !important; padding-top: 0px !important; }} // Full Width Image Card - Text Padding // .image-card-wrapper .sqs-dynamic-text-container { padding: 40px !important; }
  13. Site URL: https://www.torrentcycle.com/mariana-schedule Looking to reduce padding around custom code block for iframe in Bedford template (v7.0). Default padding is so great that the iframe displays "mobile" view. Any tips? url is www.torrentcycle.com/mariana-schedule password is: mariana
  14. 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
  15. I am using Squarespace 7.1 and need to remove vertical padding from sections - i.e. where sections join other sections. I imagine I'm not the only one thinking there is too much white space as a default and I can't find a way to remove it. Any ideas? I'm a new squarespace user and unfamiliar with custom css but will go down that road if needed. Thanks!
  16. I have 3 buttons underneath an image that I want to squeeze together so they're not so spaced apart, cause it looks hella ugly I figured out how to use CSS to move the buttons, except it seems that only margin-left actually works. margin-right barely moves the button at all. The CSS below leaves the result on the image where the button is still spaced. #block-b905a0bdd4f1634f8d4b { margin-left: 70px !important;; } #block-ea2caa114a028bb4a771 { margin-right: 70px !important;; } How can I move that button to the left? I'm kinda shocked I can't just do it with the website builder itself, and more shocked that CSS is failing me too
  17. Site URL: http://ivychen.co Hello! I need help with custom css to reduce the padding at the top and bottom of the gallery section. PW: preview Thanks!
  18. Site URL: https://www.byelsapapa.com Hiya, I am struggling to decrease the spacing between my logo and line in the header... (in mobile view). I'd like the line and banner to be closer to my logo and hamburger menu. Do you have a CSS code to fix this? Many thanks!
  19. Site URL: https://www.southernsoulyoga.com I'm having an issue with a client site on mobile. It allows users to keep scrolling beyond the footer, revealing site padding. I've tried a variety of code to remove overflow, padding, etc with no luck. Any advice would be appreciated! URL: https://www.southernsoulyoga.com
  20. Site URL: https://www.byelsapapa.com/ Hi, I have tried the CSS code on this topic but it doesn't work for me. I want to (massively)) reduce the padding at the TOP and BOTTOM of my logo. How can I do this? Thanks so much in advance!
  21. Site URL: https://heron-helix-4csn.squarespace.com/ Can someone please help me with code for increasing the padding between the product title and header navigation on the product pages? I have used the following code to remove the breadcrumbs on the product page and now the padding is non existent. /* remove breadcrumb */ nav.ProductItem-nav { display: none; } https://heron-helix-4csn.squarespace.com/ P/W: TEST Thanks in advance!
  22. Site URL: https://vuvuzela-pug-95je.squarespace.com/curation_mood-board_nancy-meyers%20PW:%20flowerZ612 Hello - I have tried every which way to get to the bottom of this. I am trying to remove the excessive padding between text/text and text/button in an Image section. I want to match the padding in the List section, which appears right below. Examples are attached and I provided the URL and PW in the field above. I believe this can be fixed with CSS. Would you be able to tell me what CSS, and where to put it? I will need to do this on multiple pages so can you please tell me how to do that. I very much appreciate your help.
  23. Site URL: http://www.housewhole.com I can't seem to figure out how to reduce the padding on the top of the images in the simple slideshow setting in my galleries? I'm in 7.1 but don't get the blue box when I hover to make an adjustment. I've got the height and width at 100 because I want the photos to be as big as possible. Also, my thumbnails don't show up in mobile and I'm wondering if there's too much white space on the bottom too? Need some basic spacing help. thx!
  24. Site URL: https://amalchandaria.com When I adjust the header or page padding for my website, the adjustments don't seem to apply to my Index page. I reached out to Squarespace Support, and they mentioned the Index doesn't have an independently adjustable header. This is resulting in the spacing being very tight on my Index page, but looking normal on project pages. Is there a way (perhaps using custom CSS) to have the two pages have identical header padding & spacing? Thanks! Amal
  25. Site URL: https://www.worksbyshaun.com/ I've tried a bunch of things but been unable to figure out the code needed to target each heading and adjust the padding so there is not so much white space floating around. I believe right now the default is 17px, top and 17px bottom, for the heading size I am using. I only want to target these three titles. Once I know how to do one I'll manage the rest. Perhaps it is also possible to change the padding around the line? Would be good to know too, but the text is the most important, each helps get rid of excess white space. Thank you for your help!
  • Create New...