Removing margins

• 

  yayforfilm · Member · Sep 19, 2021 at 2:57 pm

  • Copy link
  • Add topic to favorites

  Hello WordPress Community,
  I’m trying to remove the margins on my wordpress.com site:

  taylormadefilms.net

  I’ve tried half a dozen CSS codes in the Additional CSS box based on responses to other posts, but nothing is working. The site looks the same no matter what I do.

  It doesn’t have this problem in Tablet and Mobile mode, but on a web browser, it has a ton of extra space on both the left and right of the content on every page. The header image will scale with the page, but the content does not scale beyond a very small range – leaving all this blank space around it. D:

  Any help would be greatly appreciated!

  Thanks so much,
  Charlotte

• 

  yayforfilm · Member · Sep 19, 2021 at 2:58 pm

  • Copy link

  Oh, I guess I should clarify that I’m using the Twenty Seventeen theme for the site.

• 

  yayforfilm · Member · Sep 20, 2021 at 2:26 am

  • Copy link

  So… my sister solved it for me! She’s brilliant. anyway… if someone else is using Twenty Seventeen and having this problem, she put this code in the Appearance – Customize – Additional CSS:

  .wrap {
  max-width:none
  }

  .content-area {
  max-width:none
  }

  .single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary {
  max-width:none
  }

  
  @media screen and (min-width: 30em)
  .page-one-column .panel-content .wrap {
  max-width:none
  }

  .page-one-column .panel-content .wrap {
  max-width:none
  }

• 

  yorktd07 · Member · Sep 21, 2021 at 5:09 pm

  • Copy link

  THANK YOU!!!