Full page screen -width

• 

  babylatigo · Member · Jan 6, 2016 at 11:56 am

  • Copy link
  • Add topic to favorites

  Hi, I would like the screen size of my page to be wider. it currently works to a narrow centre. I would like it to be full screen to make the pictures more dramatic and fill the page. Is there CSS for this? I’m new to CSS so need help. thank you

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Jan 7, 2016 at 2:41 am

  • Copy link

  Hi there, go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS and see what you think.

  .no-sidebar .entry-header, .no-sidebar .entry-content, .no-sidebar .entry-summary, .no-sidebar .entry-footer, .no-sidebar .comments-area, .no-sidebar .image-navigation, .no-sidebar .post-navigation, .no-sidebar .pagination, .no-sidebar .page-header, .no-sidebar .page-content, .no-sidebar .content-bottom-widgets {
      margin-left: 0;
      margin-right: 0;
      max-width: 1320px !important;
      width: 100%;
  }
  img {
      width: 100%;
  }

• 

  thesacredpath · Member · Jan 7, 2016 at 2:41 am

  • Copy link

  Oh and below the CSS edit area in the customizer, set the Media Width to 1320.

• 

  thesacredpath · Member · Jan 7, 2016 at 2:43 am

  • Copy link

  One thing I will note for your consideration is that text based content should in general be between 500 and 750px in width for readability. Any wider than that and it becomes harder to read and move from line to line when reading.

• 

  meikafcc · Member · Jan 7, 2016 at 10:32 pm

  • Copy link

  I tried this for my site, as I am having the same issues, and it doesn’t do a thing. I am using the Twenty Thirteen Theme. I’ve adjusted the px to several different sizes and still nothing. I am completely baffled :(

• 

  thesacredpath · Member · Jan 7, 2016 at 10:42 pm

  • Copy link

  Hi @meikafcc, CSS is generally theme specific and this thread is about the Twenty Sixteen them. You are using Twenty Thirteen. To prevent user confusion in the future when someone searches for a solution for a particular theme, can I ask you to create a new thread in the CSS Forum? Many thanks in advance.