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

Search the Community

Showing results for tags 'margin'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • 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

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location

Found 39 results

  1. 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 🤞
  2. Site URL: https://www.weareteller.com I'm trying to have images overlap different sections like the attached image. Using negative margins I can get it to move outside the container, but don't know how to get it to overlap.
  3. Site URL: https://www.studiorhodes.net/services Hello, For some reason the page margins seem to get narrower the farther down I scroll on my page. However, when I am in the edit mode, this is not the case. Only have I press save and view the page at a whole does this happen. Any ideas why? Website URL: studiorhodes.net/services Password: services
  4. Site URL: https://www.boutique14.co.uk/home1 Hi, I'm trying to reduce the padding between the Insta block in the top footer and next section of top footer beneath it. See attached image. Tried messing around with CSS on that block and the one underneath but can't get it to work. Help gratefully received. Thank you. Tom www.boutique14.co.uk/home1
  5. On my website, I have placed full page-width images and a colored footer that also spans the page width. However, when I scroll to the right of the page, there is a white stripe/margin space on the right that was originally out of view. Does anyone know why this extra space is on the website, and how to remove it?
  6. Site URL: https://earthworm-crow-7c2p.squarespace.com/ Hey! I need some help! I need to change the margin of a SINGLE image block on my MOBILE view only. Can anyone help! See image of mobile preview
  7. I am using the Bryler template and have a single index page for my site that holds all of the content pages within it. I am trying to create a scenario where the first page of the index has different padding (top and bottom margins) than the rest of the pages within the same index. In other words, can I adjust the padding of a single page within an index without affecting the others? Let's say my index is named "welcome" and the first content page under that is called "home". I found this code on another thread, but cant seem to assign the page names properly... section#video .Index-page-content { padding-top: 20px; padding-bottom: 20px; } I tried using "welcome#home" and "home#welcome", but neither worked. I'm sure I'm missing something simple, as a very inexperienced coder. I'm hoping some one can help me out. Thanks so much.
  8. Site URL: http://dtcforce.com Hi, I have built my website on squarespace 7.1. For some reason the images on the homepage the margin is going beyond the screen because of this the screen in mobile is moving to the right when navigating Attached is an image for reference
  9. Site URL: https://humbeeshop.squarespace.com/ Home page: https://humbeeshop.squarespace.com/ Product page: https://humbeeshop.squarespace.com/shop/hand-sanitizer-disinfectant-gel-169oz50ml-packs-of-61224 PW: 2020 Hi I am wondering why above two page display different margin width? I checked the CSS style and they are all "auto 0" and with padding 4vw. But you can see the actual margin width differs a lot. How can I adjust the product to be as same as the homepage margin?
  10. Site URL: https://www.boutique14.co.uk Hi, How can I introduce some space to the sides of the three images on my homepage? See red squiggles on attached screenshot. When I use spacer blocks the images resize and I can't get them all the same size again. I can't re-size the spacer blocks sufficiently to make it work (there's a minimum width). Is there either some CSS to make spacer blocks more width adjustable or some other way I could put a margin or padding around those three images to bring them in a little? Thanks.
  11. Site URL: https://www.boutique14.co.uk/ When viewed in the Facebook mobile app in-built browser my site has a strange border on the right hand side. I can't see what could be creating this, there are no borders set on my site. On Safari and other mobile browsers it looks normal. I attach two screenshots, one showing what the Facebook app does with my site, the other showing how it should look (on Safari in this example). Any ideas? Thanks.
  12. Site URL: https://www.mattportch.com/lost-america-prints Hi, How do I get the text at the bot tom of this page to align with the margin? (I've already added this page code for the current margin to contain the other elements): <style> @media (min-width: 768px) { header#header, .content-wrapper, .section-background { padding-left: 9% !important; padding-right: 9% !important; }} </style>
  13. Site URL: https://bernardandhawkes.com/new-england-insider-favorites Hi, I am trying to tighten up the spacing in between elements on my masonry blog layout, I have reduced the spacing within the SquareSpace custom section, but there appears to be margin being added in the code. How can I remove this? I have tried multiple different selector options and nothing is changing it. Thanks!
  14. Site URL: https://smilodon-ocelot-my5f.squarespace.com/ Hi, I've added padding to my site in DESK view. However, I've found that somewhere between DESK and MOBILE view, the padding changes and adds extra space to the header. Does anyone know if there is a way to keep the header (logo and nav icon) aligned to the image? pass: trythis Below are landscape and portrait ipad views...
  15. Site URL: https://tambourine-orca-xhby.squarespace.com/news I am attempting to style my 7.1 blog summary using a masonry grid and inspired by the old Tudor template. While I've successfully laid out the elements pretty closely (and even accounted for the mobile nuances, the unfortunate side effect is that all the content blocks are overlapping each other when the page is loaded ... However, if i make any change to my browser window size, it will re-shuffle the content and render it correctly ... check out the page here ... https://tambourine-orca-xhby.squarespace.com/news password: 1234 I hope I don't have to ditch all the work I put into it? /* add a little margin to top of section */ .blog-masonry-wrapper { margin-top: 50px; } /* display block and positioning for title */ .blog-masonry-wrapper .blog-title { background-color:#fff !important; padding: 50px 30px 40px 30px; margin-top: -40px } /* center date element */ .blog-meta-section { width:100%; text-align:center; } /* date element styling */ .blog-masonry-wrapper .blog-date { background-color:#000 !important; position: fixed; z-index: 99; width: 80px; height: 15px; padding: 32.5px 0px; margin-top: -51px; margin-left: -40px; font-family: 'Roboto' !important; font-weight: 600 !important; font-size:0.8em !important; text-align:center; color:white !important; border-radius: 40px; } /* hide secondary meta info */ .blog-masonry-wrapper .blog-author { display: none !important; } what have I missed? Thanks in advance! -lh
  16. Site URL: https://smilodon-ocelot-my5f.squarespace.com/store Hi, I've added the below code to give padding to the left and right side of my DESKTOP site. However, how do I alter the code to include the images in my store and the line in my blog page? passcode: trythis
  17. Site URL: https://smilodon-ocelot-my5f.squarespace.com/ Thanks to @ChrisBartow with this code I've can add padding to my site WITHOUT affecting the mobile version or the top of bottom of the site. However, it only adds padding to the left side. Does anyone know how to alter this code to add padding to the right side too?... passcode: trythis @media (min-width: 768px) { header, body { padding:0 50px; } }
  18. Site URL: https://smilodon-ocelot-my5f.squarespace.com/lost-america Hi, How do I add white space to the left and right of my site but NOT the mobile version? I also DON'T want to add space to the top or the bottom. And I want the logo and nav icon to align with the new image area. (if I use Design>site spacing it adds too much space to the top which I don't want). Thanks in advance! passcode: trythis
  19. Site URL: https://www.macmoss.work/ I cannot figure out how to get my header and content to continue to expand past 1920 px wide. When I scale my page beyond 1920px, extra white space is added to the sides. Any advice out there? Thanks so much in advance.
  20. Site URL: https://www.dfwmicropigmentation.com/#home-section Hey ya'll, for the life of me I cannot figure out how to adjust the margin/padding around the banner image. I'm trying to reduce the top margin, so there's not so much white space between the navigation and the banner image below. I've tried, CSS, the template menu style...no luck. Thanks so much!
  21. Site URL: https://sprout-tuna-swnf.squarespace.com I want the top of my footer to be a different colour to the rest of it. How do I remove the padding so the orange goes right across the width of the page and doesn't show any of the grey at the top? I already tried this: .Footer-inner{ padding: 0px } but when I do that it leaves a line along the side of the whole page (see attached). Please could someone help??
  22. Site URL: https://www.matey.app/privacy-policy Hi! I'm trying to figure out how to align my header with the body content on my site. I have the site section widths set to Medium. My template is Stanton. I'm also trying to target the header button so I can adjust the corner radius to 15px. Thanks in advance for your help!
  23. Greetings from Copenhagen Are there some of you knowledgeable people who know how to get margin / padding to be less from the logo and menu to the top of the page, without changing the actual margi/padding on the sides. Unfortunately, the template does not allow this, which is why I hope a CSS code will help. Thanks in advance Regards Sidse
  24. Site URL: http://www.brandinreed.com/podcast/ Does anyone know how to remove extra line breaks/padding from the headline container in the Mojave template? (please see attached jpg for screen shot of template menu) I used a logo instead of text under the "Brandin & Text" and entered nothing for the headline. For whatever reason, there's a line break above the body section and below it, causing a large gap between the logo and the buttons. Can this be modified via css? Thanks for the help!
  25. Site URL: https://james-tyle-creative.squarespace.com/ Hello, Can someone please help me with some Custom CSS to give more padding around the header but not the whole site? I would like the content be full bleed, which is why my site spacing is set to 0vw but right now it means that the links in the header that are furthest on the right and left are way too close to the edge. Thanks!
×
×
  • Create New...