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

Search the Community

Showing results for tags 'margin'.

  • 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


Badges


Expert ID

  1. Site URL: https://bisourouen.fr (password: lachose) Hi, I'm using anchor links on all my pages, but due to the header/nav bar being fixed, the top part of any page (from where anchor link jumps to) is hidden beneath the header/nav bar. So I would like any anchor links to point to the top of any page. I'm using anchor links like this: url with # to the slug url of any page. Any suggestions for how to change this please? Website isn't public yet and using the Version 7.0- famille Brine (template Basilic). Thanks
  2. Site URL: https://www.poutacreative.fi/ On mobile there's too much padding (or margin) between logo and image below. How could I reduce the gap?
  3. 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 vers
  4. Site URL: https://endive-denim-89ds.squarespace.com/ Hi, It seems like the frame of my website is expanding beyond the viewport (you can see it if you slide left). I've been scratching my head for a week on this issue... This looks like some margin (see photo) but my site margin is OK. How could I remove it so my viewport fits my content? Any help is appreciated. Thank you community!
  5. Site URL: https://www.elkowebdesigns.com/services I feel like I've tried every code I can find online, but I'm not having any luck. I'm trying to get these three buttons to start at the same height - regardless on the content above them (stack image cards). I originally had the buttons as part of the image cards, but wasn't having any luck, they're now separate buttons but I'd be happy to change them back if I could get the code to work. Logically, my mind says to set a px height for each block and set the button to margin-top: auto; but it isn't working for me. password fo
  6. 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.
  7. Site URL: https://www.laurentausend.com/ I'm trying to reduce the space between my product details pages and my header/footer. I'd rather not specify each section to reduce the margin and possibly code it in one go. Is that possible? Thanks
  8. Site URL: http://orchidcomponents.com Hi everyone, i'm trying to reduce the spacing below a summary block... there are 2 for example on the home page. I have inspected the elements and identified the culprit, per the attached image... the yellow block, but i dont know how to write the css to change this. Please can anyone help? Thanks in advance
  9. Site URL: https://grasshopper-dodecahedron-a6ch.squarespace.com/ Hi, Is it possible to use CSS for the setting; Design>Spacing>Site Margin I'd like to enter a Site margin that is beyond the limit. Password: 2020 Thanks
  10. Site URL: https://lavender-reed-n64j.squarespace.com/ Hi, In Squarespace settings there is an option in Design>Spacing to change Site Margin. How may I override this setting in code? I am looking to make the margins on the left and right larger (20vw?), while keeping the top and bottom small (like 3vw). Right now I did this: #page { margin-left: 200px; margin-right: 200px } But when I zoom out in browser (to test on bigger screens) the margins change size with my code. Without code, the margins stay consistent. I want to keep the consistent behavior, just in
  11. Site URL: https://smilodon-ocelot-my5f.squarespace.com/desert-modern-home Hi, Would it be possible to create this page? (see my mock-up below) I'd like to keep the slideshow in the link provided (not a flat single image) and add the text and buttons over the top. Then make sure the image margin matches the header.
  12. Site URL: https://www.bvpt.com.au/get-started Hi everyone, I have recently embedded a multi page Jotform via a code block on my site. It has approximately 3 "Next" buttons at the end of each page, with a submit button. This integration works perfectly on desktop and tablet. It also appears fine on my mobile (iphone) on Chrome and Brave. A client showed me the same page today (from Samsung/Chrome) and the bottom of the form was cut off, and the Next button was not accessible from page 2 of the form onwards. I'm guessing its a margin issue, but not really sure. Any suggestions?
  13. Site URL: https://soybean-flute-42kz.squarespace.com/manual-project-page Hi, Using this code to reduce gutter space between images. Unfortunately on mobile this results in uneven space between images. Any idea why? On bpbile the padding is also affecting the outer margins of the page... I'd be so grateful for any help. Interestingly when I set padding to 0 it fully closes the gap between some but not all pictures. and almost entirely removesthe outer margin. Password is Sandy Thanks Claudia .image-block { padding: 12px !important; }
  14. Site URL: https://willramirez.us/#/do-you-still-love-me/ Hello, I use the Flatiron template and I added the below css to add some margin on both sides of the content. The page heading and share button do not align to the content on mobile (screenshot reference attached). I figured I could just add the page title and page description in a text box, omitting the left side with the page title and description all together. Is there css to hide the page heading and share button? –Thanks in advance! section#container { margin-left: 20px !important; margin-right: 20px !impor
  15. Site URL: https://www.elevateptr.com/ Hi - how do I remove the site margin from the first section on my home page? I'm trying to get the image to bleed off the page. code below // Background photo on website // div#block-91b1941b9ee6e3e75d6c { padding-left: 0px; padding-right: 0px; padding-bottom: 45px; } @media only screen and (max-width: 767px){ div#block-91b1941b9ee6e3e75d6c{ padding-top: 0px !important; padding-left: 0px !important; padding-right: 0px !important; width: 110%; left: -5%; } }
  16. Site URL: http://liaheinze.com Hello! I'm trying to reduce only the top margin on my Design main page and Photo main page (tabs in my nav bar). I want to pull the block of images up closer towards the nav bar but cannot figure out how to adjust..
  17. Site URL: https://www.graceventurawrites.com Does anyone have any suggestions on how to add padding to the top and bottom of ALL sections on a website on MOBILE ONLY? For some reason on the desktop versions the spacing is great. But on mobile the spacing disappears and I don't like how tight all the sections are to one another. Advice will be appreciated!
  18. Site URL: https://soybean-flute-42kz.squarespace.com/manual-project-page Hi, I'm trying to reduce the margin between images. I know basic CSS but no idea what to do when I can't see where this is set in the code? Ideally would like to reduce on all devices. Password is Sandy Thanks so much. Claudia
  19. Site URL: http://www.eoghannolan.com/ I'm trying to get the gif at the top of this page to look like a news ticker, so it needs to be full width and flush with the header and the section below. The width should scale down with the screen size and the height should be relative to the width - apologies my understanding of css is limited.
  20. Site URL: http://www.lisaeggleston.com After inspecting the code for the main page of my site, I found that I have a bunch of empty space between the title and the body content due to - element.style { margin-top: 241px; } In the inspect module, when I change 241px to 0px, it's perfect, but I can't seem to translate that to my CSS insert. Since this is just the whole page and not a block, I'm not sure how to identify it. I've tried main-site, main, site, site-page, body... 😞
  21. Site URL: https://www.domaniquejazmindesigns.com/ Hi all! Is anyone able to help me come up with some coding to change the left & right margins on my image:card blocks for mobile? I know there is a slider to change this in site styles but I actually like the way it looks on desktop, just not happy with the extra spacing on mobile view.
  22. Hello, The external margin of the homepage and other projects pages isn't the same dimensions. I don't understand how i can the same dimensions of external margin for each pages. Someone can help me ?? Thank you
  23. Site URL: https://www.billelis.com/products Hello guys, hope you are well. so i been trying for ages to fix this and im failing big time. I simply want the product page and the blog summary page to be full size and fill the screen like my gallery pages on my website. Huge thank you for your help.
  24. 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.
  25. Site URL: https://www.handford.com/ hi there, experiencing some image padding issues for certain iphone models - in this case, the iphone x i just wanna add some padding to that text image 'handford creative represents...' tried to target all elements on mobile page but didn't work. please help! thanks!
Γ—
Γ—
  • Create New...