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

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me



Found 111 results

  1. On mobile the site seems to shift around if I swipe left to right, almost like the dimensions are meant for a different sized screen... It even gets stuck with about 30px padding off the right side of the screen and leaves a white space that disrupts the entire layout and makes things move around... what's the issue?? My site is www.amativecreative.com if you'd like to look. Template is Burke. Thanks!
  2. Hello! I am working on this site: https://rectangle-gecko-tryt.squarespace.com (password is: test) This site uses the York template. We have a markdown block that contains an embedded catalogue. It looks great on the desktop breakpoint. However, the padding is huge on the mobile and tablet breakpoints. I have been looking on here for tips on how to tighten the padding around/within a markdown block but everything I see on here seems to apply to images or other block types. Does anyone have any ideas? Many thanks in advance!
  3. Hello, I would like to control the amount of white space in the top of my site. The Wells template only lets me control the right side and top padding at the same time. Is there a way i can control the top padding only? Link to my site: guana-avocado-le77.squarespace.com Also: I would like to know how to change the font size og the site title, also here Wells seems to have a fixed maximum size. I would also like to change the font color for only the drop down menus in the sidebar, is there a code for this? Thanks!!
  4. Hi, I want to change the grid gallery padding at different @media queries/browser sizes, so when the browser and images shrink, so does the spacing between them. I scoured all the source files and can't figure out what controls that. Any suggestions would be most welcome. Thanks.
  5. My question is very simple.I have installed Flatiron template on my site.Site link is https://emilynnrose.squarespace.com.i am attaching a screenshot of home page with squarespace dashboard.What i want is to create space between pictures of home page. These pictures are actually gallery pages.Please see picture then you will have a better idea.Please if someone can help me with code .Thanks in Advance !
  6. Brine template, site: https://intro.inkindspace.com I am happy with the padding around the text blocks, site-wide. But, when I add an image, summary block, etc. they seem to settle wider than the text itself. Can I apply a site-wide padding or margin that will also apply to summary, image blocks, etc? For ex. see the image in this post: https://intro.inkindspace.com/nutrition/immediate-diet-changes Thanks!
  7. Hi there,So I want to reduce the padding only for mobile, reduce padding above and below header/logo, the top and bottom padding of the main content section (horizontal line and everything below it). I might also need to reduce the top/bottom padding around the horizontal line as well. Can anyone help me with the custom CSS? Your help would be greatly appreciated! Working out of West template. Website www.astallcop.com
  8. Currently I'm using the Fulton template and everything is great except I don't like how narrow the editing area is. If I want to stretch a text box as wide as possible, it only goes up to border of the editable area which fills up about a third of the page whereas other templates such as Sonora have a much wider editing area that go almost up to the edge of the website. I think it could be fixed with CSS but I don't really have any experience there. Please help!
  9. I've removed the image block padding, but I would like to also remove the padding around the gallery block (However, I do not care about the image formatting within the gallery). Basically I want to eliminate any padding between an inserted image block and an inserted gallery block.I am using the Supply template.
  10. On a basic (blank) page (with image blocks and text), is there a way to adjust the top margin so it starts lower? I don't want to add a spacer block because it's too big. Alternatively, I could add a margin to the h1, which is at the top of the page. I tried: h1 {margin-top: 30px;} and h1 {padding-top: 30px;} and neither worked. Thanks.
  11. I'm looking for the CSS code to control the padding between image blocks (or possibly between all blocks). I've tried combinations of these with margin or padding, and nothing changes. .sqs-block.image-block { margin-top: 100px !important; padding-bottom: 100px !important; } Thanks.
  12. Does anyone know the name of the (index) gallery container to which I can change the padding in Custom CSS? To replace the .xxx below .xxx {padding-left, padding-right: 40px;} I have a site padding of 40px and a padding between index gallery images of 20px.So the gallery sticks out by 20px more than the header and the rest of the site content.(If I put down no side padding for the index gallery in the style editor, then the gallery will stick out by 40px). I could also apply the padding to the gallery page, instead of the gallery image container. Using Brine, but I'm not sure it matters.
  13. 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!
  14. Hi, I'm running the Ishimoto Template and my homepage is a gallery page as I'm a photographer. Is there a way to add a space between each image in the gallery which is horizontal on desktop? On mobile it would be nice to have a space between each photo when in portrait view? Thanks for helping.
  15. Hello. I am using the Miller template and I have created a full bleed gallery grid block on one of the index pages. The website is: https://chinchilla-shallot.squarespace.com and the password is: Testing The top and bottom borders/spacing/padding are acceptable enough on a desktop: However, on a mobile there is too much border/spacing/padding above and below the gallery block: No matter what I try, I just can't seem to reduce it. I have tried lots of different things including all of the following gallery css variations, but nothing seems to work, or it just messes other regular image blocks up on the website. @media only screen and (max-width: 640px) { .sqs-gallery-design-grid-slide .sqs-block.gallery-block .sqs-block-gallery .sqs-block { padding: 0px !important; } } And also: @media only screen and (max-width: 640px) { .sqs-block.gallery-block { padding-top: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; } .sqs-layout .sqs-row .sqs-block:first-child { padding-top: 0px !important; } .sqs-layout .sqs-row .sqs-block:last-child { padding-bottom: 0px !important; } } This is getting really frustrating that I can't seem to fix it, so I would really appreciate any help to resolve this issue. I just want the gallery blocks to be full bleed on both desktop and mobile, with no unnecessary padding, without affecting any other blocks or image blocks elsewhere on the website or on other index pages. Thank you for your help.
  16. Hi -- on my home page www.jaapw.com I'm trying to: 1. align the text of title, tagline and navigation with the image block below it (left + right side); 2. increase padding above the site title; and 3. reduce padding between site title and tag line. If anyone has CSS code for these, would love to use it, thanks a lot.
  17. Hello fine Squarespace experts, I'm swapping Five for Brine and I'm loving it. Mostly. Here's the issue: I am using, and liking, the inset feature, BUT I still want to have white space on the sides of the page when I am doing side-by-side text or image blocks. Problem: when I turn on "Site Padding" to accomplish the white space (currently at 50px), that site padding affects my gallery images, but I want to have FULL WIDTH galleries. I've thought about this from many angles and since I have less galleries than any other blocks, it seems to make sense to override the site padding on galleries. I've tried to insert snippets of code found here and around the web, but nothing seems to work. Ideally what I'm hoping for is a global setting in Custom CSS, since there will never be a time where I dont want gallery images to appear full width. I know I can do this with index pages, but some of these have to live as part of navigation sets, so that cant be a solution across the board. Help much appreciated :)Maria PS: The site currently is preview only since I'm revamping an existing website. Hence no reference links. If it's necessary, I can duplicate a page or two.
  18. Hello, I have created a website for my blog using the Skye template. I am happy with how my website looks on desktop but my the white padding around my logo completely disappears in mobile view so much so that it covers my images on my blog posts. Also some of the images at the top of each blog post also do not stretch to fit the width of the screen like they do on desktop and the titles on each blog post are not centered in the middle in mobile view. It also looks like the font is bigger in mobile view. This is my site: https://www.steelyvan.co.uk Please view the site on desktop and mobile to see the differences. I would like it to look as close to the desktop view as possible but I am very new to coding. Any help would be greatly appreciated. Many thanks Jess
  19. Hey, I've recently started re-creating my site in Squarespace 7.1 (and I'm enjoying it so far) But I've run into a problem, my header has too much padding. I have reduced it using the area within the builder but it's still too large (I don't want to reduce logo size). On my other site i use this code to reduce padding... .header-inner { padding:0!important; } But no luck in this version.... any chance someone can help?
  20. I have an index page on Brine that I am trying to set specific padding values for. I need to reduce all the white space between sections, but don't want to implement on a site-wide basis. I know I can do this in the page-level CSS, I just don't know how. Any help? Page: https://mustard-purple-5te8.squarespace.com/messages Password: stmarkstest Thank you!
  21. I am trying to include an embedded affiliate image to my client's website as her work was featured on a blog. Using Brine template. I have tried implementing the code via Markdown and a Code block. I am having an issue reducing the padding around the image itself as seen in the screenshot below. I can't seem to get it centered in the markdown block. I am wanting the embedded image and the image block next to it to be the same size and sit nicely next to each other. Best way to do this? I am still learning code and have nearly pulled my hair out trying this!! Also want this adjusted for mobile view. Website: http://www.elizabethmckenzieflorals.com Password: flowers Specific Page: Services Index, "Features" page Any help is appreciated!!!!!!
  22. Hello! I am trying to add space between the edge of the website and the blog posts without changing it for the overall site. Any suggestions? Page: https://www.kierragodfrey.com/blog-lifestyle
  23. Looking to make my video on the project pages full bleed, but have no idea where to start. It looks like the poster of this thread figured it out but hasn't revealed the secret to the rest of the world. https://answers.squarespace.com/questions/145046/full-width-video-block-york.html My website here:http://chriszyu.com/facetedfurious-1/
  24. Hi All, I'm trying to increase the padding size between thumbnail images in the Wells template. I've seen answers for people successfully removing padding, but not increasing it.Any help is appreciated Thanks
  25. There a too much white space for me up at the top. How do I reduce the padding between the bottom of top nav and the header content? I'm using the FIVE template. Thanks!
  • Create New...