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


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Selling & Scheduling Your Services
    • 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

  1. Site URL: https://www.chloecamille.net Hi everyone, I need your help! I would like the horizontal and vertical margins between images to be similar (here my website https://www.chloecamille.net and the password cam2021) but I believe it requires some code, do you have any idea how to fix this? Thank you!
  2. Hi there, Is it possible to lock the header and logo to a certain position? At a certain media width, I have the logo and header aligned to the perfect position (see attached photo). However if it scales up or down, these shift and gaps scale proportionally. Is it possible to keep the "About Us" always aligned to the left edge of the photo below? And at the same time, to always keep the Logo the same distance from the "About Us". Any help would be greatly appreciated, thank you, Lucca
  3. Hi I'm trying to remove the margin on the right hand side of this photo so that it goes to the edge and the bottom of the page as the second attached picture, the first one is where I am at the moment. Any help would be appreciated. Thanks
  4. 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
  5. Site URL: https://www.queerterpreter.com/ For some mysterious reason, my site has no margin/padding, which is primarily a problem on mobile. I'm aware I can add margin or padding through CSS, I'm just not sure of how to do it without it manifesting as ugly white stripes. I'm trying: body { padding: 0px 10px; } or body { margin: 0px 10px; } For the site-wide custom CSS. How do I do this so it adds space on the left and right of the text, but it maintains the dark blue of the top navigation bar and the light blue of the main background?
  6. Site URL: https://www.birdmafia.com/stockists Been working on updating the info on this page, and now I need to fix the layout as it looks terrible... All, I’m having a hard time figuring out how to change this page (https://www.birdmafia.com/stockists) so that there is no margin between the store name (text link) and the city name below it. Inspecting through google it looks like there is top and bottom margin on the <p> tags which I wouldn’t need (except for the bold state names, but I could just leave another empty line there.) Anybody interested in helping me understand what custom code to put on page? Would it just be: p { margin: 0em } Or is there something better so it wouldn’t effect the bold titles? I posted this question to the squarespace reddit.... the only response I've received is to change margin you need to use the text-block id. Is that the only way? I do have a Chrome extension to get the id's of the blocks if that's all I can do, but I'd need to make each entry on this webpage it's own text block to accomplish what I'm looking for. I'm hoping I can add code just for the Non-Bold and Non-links text of this page.
  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://loesencial.mx/shop/ Hello, I have an issue with some CSS custom code I have on my webpage. When on desktop, the adjustment and margins works fine, it is centered. But the problem is on mobile I can't seem to make it adjust properly, and it hyphenates the animated word making it look terrible (I'm attaching a screenshot of my issue) Even on tablet the spacing makes it align to the left rather than centered. Is there a way to set the animated text to scale only on mobile to avoid that hyphenation? I'd prefer a line break, but a scale down would work too. I'm on Brine on 7.0. Thanks in advance!
  9. Site URL: https://davidecapucci.com/ Hey there. Someone can help me. I generate new section on top with only one pic. I want the pic starting after the menu area with link. I cannot found the way the top of this pic/section starting after that and not from the Top of the page. I tied different CSS code but nothing change. I also add another empty section on top of this pic/section but i cannot reduce as i want. Check the pic below. Thank you.
  10. Site URL: http://www.passionfruitdesign.me pwd: 2192 Hi, I want to decrease the space between the h2, I've attached an image of where I want the change to be (the grey bar). Thanks!
  11. 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
  12. Hello. I have started experimenting on a site for the past two days, my goal is to bring all my images together and from my understanding this is controlled my margins. But when I use my code I only manage to move one image into the space of another. I worked around this by using Full Bleed gallery blocks. This slightly resolves my overlapping issue but does not allow me to select individual images, so that I can make them opaque on hover, the entire block of 3-4 images is effected. I'm really new to web design, css and, coding I'm just trying my best to find answers online/YouTube . Am I approaching this issue correctly (doubt I am lol) if not how can I go about making what I am attempting to achieve in the correct manner. I hope you can see the images I have provided. Any advice is welcome. Thank you.
  13. Site URL: https://tiffanyhoshihuerta.com/ On the mobile version of my portfolio website, specifically where I utilize a slideshow for my images, there is a large block of white space before and after (as shown in the attached images). Does anyone know what the cause of this is, and how to fix it/reduce the padding on these areas for mobile only? I would really appreciate the help. Thanks in advance!
  14. Site URL: https://tiffanyhoshihuerta.com/ On the mobile version of my portfolio website, specifically where I utilize a slideshow for my images, there is a large block of white space before and after (as shown in the attached images). Does anyone know what the cause of this is, and how to fix it? I would really appreciate the help. Thanks in advance!
  15. Hi everyone, I've been looking around for an answer with no luck. I am using some custom code to add margin and padding for the carousel summary block in 7.1 but it's cutting the blocks weirdly. The thing is I am also not seeing an option to do this within the editor. I am using this code: .summary-item { background-color: white; } .sqs-gallery-design-carousel-slide { margin: 5px; border-radius: 30px; padding: 20px !important; } .summary-title { font-family: bebas-neue; font-size: 20px !important; letter-spacing: 2px; } And this is a picture of how it gets cut: Anyone knows how I could fix this?
  16. Site URL: https://www.real-identity.ch/ Hi there I created a logo carousel on the service page of my new website: https://www.real-identity.ch/service Password: birdhouse I was wandering if it is possible to align the width to the content of the page? I tried some codes, but nothing works. For example the headline Signaletik above is much more on the left. Many thanks and kind regards Sibylle
  17. Site URL: http://tomosyamaguchi.com/art Hello! I was wondering whether it's possible to create a code to create thick margins on both sides of the page for my "art" page, to create a more minimalist feel like my "about" page. Any suggestions would be greatly appreciated! (Side note: would also appreciate any tips on how to reduce the size of my headings for my blog posts ("words") - somehow the size of the body text shrinks, but not the titles!)
  18. Site URL: https://erickanigan.photography/portfolio-3#2 Hi- I'm looking to modify the width/overall size of the background images on one of the portfolio pages I have. When I hover over the text, the images take up the entirety of the screen. Ideally I would like the margins/size of these images to be brought in and made smaller overall. Is there any way to customize the size of these images. Additionally, I would like to add text above the three "projects" to denote "collections". Is there any way to add custom text that is different from the project titles? Thank you for the help! Eric
  19. Site URL: https://www.laineylee.com Hello! I recently applied the following custom css to my Flatiron template website to set a max width for the content (I didn't like how it looked when the site width got too large). body { max-width: 2000px; margin: auto; } It worked beautifully, except now when the browser is very wide my logo is sliding off the page to the right and disappearing! Does anyone have a fix for this issue? Thank you!
  20. Site URL: https://www.wildflowerdesignco.co.uk/ Hello, Would someone be able to help me out with what CSS to use to get my images to go right up against the top, bottom and side of a section like the below website? And also add all the section borders? https://www.wildflowerdesignco.co.uk/ Also, how am I then able to have it mobile responsive in the same way as the above website? thanks so much!
  21. Site URL: https://takesunset.squarespace.com/buy-with-us I consistently have issues with gallery margins on mobile and can't figure it out for the life of me. The space between the copy and the gallery needs to be reduced as well as the space between the gallery caption and the next section. I used this code and it's working but not exactly how I need it to. You'll see it's actually cutting off some of the copy even though it's still very far away from the section above. @media only screen and ( pointer : coarse ) and ( max-width : 1024px ), screen and ( max-width : 799px ) { [data-section-id="60a2c98eb425ae21a5a143ca"] {margin-top: -18%; margin-bottom: -18%} } @media only screen and ( pointer : coarse ) and ( max-width : 1024px ), screen and ( max-width : 799px ) { [data-section-id="6080e6d82cca634360115de2"] {margin-bottom: -15% !important} } Website: https://takesunset.squarespace.com/buy-with-us PW: TakeSunset
  22. Site URL: https://www.andarilho.org/artigos/a-servido-do-homem Hi all I've got a blog which works just fine on mobile phone and desktop, but when I look at the posts on an Ipad (mine is Ipad Mini) the text margins make the blog post quite tight on the screen, leaving quite a lot of blank space on the left and right sides of the screen. I wanted to make it look more like it does on the desktop and mobile view. Would you be able to suggest a code to deal with this issue? This is an example of a blog post: https://www.andarilho.org/artigos/a-servido-do-homem Obs: I checked this on different Ipad versions. They all seem to have the same issue. Many thanks
  23. Site URL: https://www.thisissatsuki.com/about-1 Hi, I want my text to be wider so it's a little less skinnier and easier to read. I'm using the Horizon template. Is there any code out there make this wider? Thanks
  24. Site URL: https://www.davidstinsonphoto.com/ Please help. The site uses Artesia template. In Artesia, when you create a gallery page, the images are in a grid and you can click on individual images to make them full screen. I'm wanting to make the space between the bottom and top edge of the photo and the end of the screen wider. Basically, I want the images to be a little smaller when viewing them in full screen. I need the CSS to widen those margins. And, preferably, have this apply to all screens, except mobile phones. I attached a photo to show what I mean. Any help is greatly appreciated! David
  • Create New...