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

Search the Community

Showing results for tags 'margins'.

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




Expert ID

Found 16 results

  1. Hello! I am trying to add a custom css code to just the body of one page. Every time I add the code to the header, it shows up in the header. Is there a way to make sure the code applies to the body of the page even if it's inserted in the header?
  2. Here is a partial screenshot - in edit mode, hovering the mouse over a single image shows extra space on the bottom. The blue container is uniform on the sides and top, but not the bottom. Here is what's currently enabled in the image-edit Design mode: - Inline Image - Captions are turned off - Image is stretched to span the container - Every and all combination (to my knowledge) of these Design choices does not resolve the problem. I'm guessing some code can get rid of it - any ideas?
  3. Site URL: https://smilodon-ocelot-my5f.squarespace.com/lost-america Hi, I've added padding to my site CSS - but how do I get my logo and navigation icon to move with it? passcode: trythis
  4. Site: debbiemarkswellness.com PW: BEWELL Template: Brine I added some CSS (below) in order to get my logo in the navigation menu on mobile. I like the height, I like the padding, but I don't like that it's not truly center and I feel like this CSS might need to be cleaned up. Is there a better way to center a logo in the nav on mobile? .Mobile-overlay-nav--primary:before { display: block; content: ""; background-image: url(https://static1.squarespace.com/static/5ee2984f5e6690617d4d283a/t/5f3adf8c7f3dd5705d0d58c9/1597693836479/DMW_Mobile+Navigation+Logo.png); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat; width: 150px; height: 150px; margin: -55px 0px 20px 90px; }
  5. Site URL: https://sparrow-plums-s25x.squarespace.com/contact Hey friends! I am having some trouble with one small section on my "contact" page at the bottom where there are some images blocked together. On mobile and desktop they look great, but when viewing on an iPad, there is huge padding around the images that I can't seem to get rid of. If anyone has a code to help that would be amazing! pw: summer2020 Thank you!
  6. 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.
  7. Site URL: https://star-harbour-sq.squarespace.com/ Password: pass I was trying to remove the padding on the first two sections of the home page so that the "star" and "anchor" meet. Basically I'm trying to recreate what you see here: http://starandharbour.com/ (This is my current Joomla site, and I'm attempting to more or less recreate it on Squarespace.) I have following code in the Custom CSS. This helped (I'm not sure it's the best solution). The star and anchor are svg files placed as urls with a code block, each it its own section. I've adjusted the bottom padding on these sections to lift the pieces up to where I want them to be. However, two things: 1. in the mobile view, the star and anchor shift down a few pixels, and I'm not sure how to fix that. 2. in the mobile view, I want the banner image to be less than 100% vh of the screen because currently, on a phone view, the controls hide the star. /*HOME SECTION STAR*/ [data-section-id="5f0caf24192e11063c70177e"] .content-wrapper { padding-top: 0px !important; padding-bottom: 165px !important; } [data-section-id="5f0caf24192e11063c70177e"] { min-height: 120px !important; height: 120px !important; } /*HOME SECTION ANCHOR*/ [data-section-id="5f0caf6130005d2344dd262c"] .content-wrapper { padding-top: 0px !important; padding-bottom: 260px !important; } [data-section-id="5f0caf6130005d2344dd262c"] { min-height: 120px !important; height: 120px !important; }
  8. Site URL: https://www.rubysplace.org/ Currently struggling with identifying the issue that is causing the extra spacing on the left and right of two of my content blocks. When I'm in edit mode, there is no spacing that appears, so I'm not sure why it appears when the site is live.. If anyone could help me with this, that would be great!
  9. Site URL: https://www.aronjones.co.uk/writing/2020/6/22/compact-ui-for-call-of-duty-warzone Hi there I'm using the York template and have recently added a blog post. Unfortunately the width is too wide in the actual post and I would like to reduce it without affecting the site padding elsewhere. So it just affects the blog posts. Please be aware I'm using existing CSS to handle template issues that York has such as; .overflow-wrapper { overflow-y: hidden; } This is to stop double-scrolling on mobile. And I use this; #site { padding-bottom: 20px !important; } This is just to add some padding to the bottom of the site. Any help would be greatly appreciated! Thanks. Aron.
  10. Site URL: https://www.markhilton.me Hi there (first post!) After getting feedback on various portfolio review groups, I have increased the padding on all of my pages as well as implementing a max width to increase readability, however, I cannot find an option to do so with the Index page, so the image tiles that lead to case studies still stretch to the edges of the screen. I would like them to align with my menu links similar to how content on the rest of my portfolio behaves. I appreciate any assistance in this matter.
  11. Site URL: https://plums-azalea-9pnz.squarespace.com/ Hello all, I'm trying to get into the CSS to tighten up the Margins and shorten the height of the Newsletter block. It's too massive right now. I dig into the code with Chrome Developer Tools and I've tried all kinds of classes but it's just not working. Anyone have a solution?
  12. Site URL: https://www.hayloft.media/ I would like to run an instagram block / feed across bottom of my site, flush with the margins - no spaces at the sides! can anyone help me with some code to do this on the instagram block. I have the page hidden at the moment. the url is hayloft.media i'm using 7.1. I would be very grateful for help, thank you!
  13. Site URL: https://smilodon-ocelot-my5f.squarespace.com/test Hi, I've added padding to left and right side of my site with CSS code - but it won't include this image box. Does anyone know how to solve this? (current code below attached image) password: trythis
  14. HI there Does anyone out there know how to adjust the Rally Template Navigation Menu? When viewed on a vertical tablet, it splits over 5 lines with huge areas of padding on both sides. I would like it to split over two lines with reduced areas of padding. Thanks Black Widow
  15. Hi! Can anyone help - I am using Flatiron theme, and in the Project / Gallery pages my images / videos display very small. The project detail width is set to 1200 px My website: www.leilaziu.com - although as I am building it's not live... Many thanks in advance! L
  16. Hi all, I am using the Brine template and am adding a carousel gallery on the first index page. I was able to add padding to my images with a CSC code I found on here but I would also like for my images to fill the space from left to right. So I am wondering if there is a code out there to get my carresoul gallery to fill the space from left to right. Thanks in advance!
  • Create New...