Jump to content

Margin inconsistency

Recommended Posts

Posted (edited)

Hi, I'm wondering if there is a way to remove margins from my 2 portfolio landing pages?

I've added 2vw site margin (page width 1170px) but there seems to be extra margin on the portfolio pages, so the thumbnails appear narrower than the rest of the pages on the site:

image.thumb.png.f0d5ba9b867869929b9626ac8ad43ba1.png

I’d like the portfolio thumbnails to be wider so they’re the same width as the content on the sub-pages, OR the sub-pages to be narrower - I just want them to match.

The portfolio and sub-page content widths are the same if I remove the margin, but then there is no space either side of the content when viewed on a tablet screen.

Or can I add site-wide margins/padding via css instead that ensures the content width is consistent?

Thanks so much in advance!

Edited by Shingston
clarity
  • Replies 8
  • Views 990
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Posted

Hi Lesum, thank you, that did work, but the code removes the margin completely so now the content touches the sides of the screen on mobile and tablet. So I do want the margins, I just want them to be consistent, so that the thumbnail page is the same width as the rest of the pages.

Maybe it’s possible the other way around? So a bit more padding or margin is added to the rest of the pages on the website, instead of removing it from the 2 thumbnail pages?

Thanks for your help with this - much appreciated.

Posted

Thank you. Whatever value I put in (I tried 20, 50, 100) other than 0, takes it back to the same width as at the start (narrower than the sub-page content). And 0 leaves no margin on mobile and tablet. 

Posted

is there a way to add padding to the sub-pages (ie all the other pages on the site) instead of removing it from the portfolio pages?

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.