Change the size of the width theme

quinnzelgaming · Member · Mar 19, 2017 at 3:48 pm
Copy link

Add topic to favorites
Hi everyone,

So, first of all, just to say that english is not my first language but I will do my best to explain my problem to you all.

I choose the theme Twenty fourteen and i would like to make some modification in the CSS code to enlarge the width of my page.

I have a 27 inch screen and the page is too small for it. I would like to enlarge it depending the size of everyone screen.
Just to be clear :
– If someone has a small screen it will be for the size of his
– If someone has a medium scree, same
– If someone has a big screen, it will be good for him too.

I hope someone will help me

Best regards :)

The blog I need help with is: (visible only to logged in users)
quinnzelgaming · Member · Mar 20, 2017 at 7:45 am
Copy link
Hi,

I just make my post up like no one answered to me :)

Thanks
thesacredpath · Member · Mar 21, 2017 at 5:08 am
Copy link
Hi @quinnzelgaming, I start my day working on the oldest posts, and when you ‘bump’ your post by adding another reply, it moves it to the bottom of my list, so in many instances, doing that will delay you getting an answer.

For ease of reading, text content should be between 500 and 750 pixels in width. On Twenty Fourteen, the text area is just under 500px in width. If we make it full width of a 27″ monitor, then people are going to have a hard time reading as their eye will likely not get onto the beginning of the next line of text, and it can lead to frustration for your visitors.

If you wish to do this, go to Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS.
```
#page, .site-header, #site-header img, .wp-post-image, .post-thumbnail img, .slider .featured-content .entry-header {
  max-width: 100%;
  width: 100%
}
.hentry {
  width: 100%;
  max-width: 100%
}
.site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content {
  width 100%;
  max-width: 100%;
  margin-right: 0
}
```

No items found.