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


Badges


Expert ID

Found 56 results

  1. 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.
  2. 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?
  3. 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; }
  4. 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 !important; }
  5. 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%; } }
  6. 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..
  7. 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!
  8. 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
  9. 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.
  10. 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... 😞
  11. 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.
  12. 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
  13. 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.
  14. 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.
  15. 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!
  16. Site URL: http://https/fullcirclemicrobes.com/problem-solution-1 For each new page or section I create within my site index, there's a built-in padding or margin at the top and bottom that runs the width of the screen. I've looked at a few similar questions and tutorials on YT but haven't been able to make those CSS fixes work for me. In this particular example, I want to eliminate the grey areas above and below my text blocks so that the section/page will be divided in half vertically with the left side all grey and the right side all green.
  17. Site URL: https://k2.life I have about 8 image blocks next to one another. I want to make them so that they stretch out across the whole page section so that they fill in the blank space. If you navigate to my site it is the "Some of Our Recent Customers" section that I am referring to. Here is my current code that at least removes the padding, but I cannot seem to make them fill in the blank space from left to right. #block-yui_3_17_2_1_1595186156795_32170,#block-yui_3_17_2_1_1595186156795_33500, #block-yui_3_17_2_1_1595186156795_35306, #block-yui_3_17_2_1_1595186156795_39012, #block-yui_3_17_2_1_1595186156795_59689, #block-yui_3_17_2_1_1595186156795_58146, #block-yui_3_17_2_1_1595186156795_56616, #block-yui_3_17_2_1_1595186156795_40813 { margin: 0 auto; padding: 0px !important; max-width:1900px !important; }
  18. 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 🀞
  19. 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.
  20. 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
  21. 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
  22. 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?
  23. 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
  24. 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.
  25. 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
Γ—
Γ—
  • Create New...