Width page for static homepage

Hey there Asakasan,

Hope you’re well today ??

Generally this should be possible with some custom CSS, you can use .home in the CSS selectors to target only home page in order to change the width of your page.

If you need more help please set the page you want to use and let me know what exactly are you trying to change and I’ll be happy to try to help out with some CSS code.

Cheers,
Bojan

This will change the width to a larger size on desktop views.

@media (min-width: 75em)
.main {
    padding: 0 13%;
}

Hi everyone, thanks for your help!

@cccamuseme: I paste your code but it didn’t work. ?? But really thanks ??

@bojan Radonic WPMU DEV Support: here is my page: https://asakaltrove.com/home/

I’m trying to get a full-width homepage, or, at least, to enlarge current width.

The CSS is a bit exhaustive, but you can change the width of the homepage only like this:

.home .main {
  padding: 0 8.334%;
}
@media all and (min-width: 43.75em) {

  .home .main {
    padding: 0 16.668%;
  }
}
@media all and (min-width: 62.5em) {

  .home .main {
    padding: 0 20.835%;
  }
}
@media all and (min-width: 75em) {

  .home .main {
    padding: 0 25.002%;
  }
}

Founder modifies the width of the content four times to keep an optimal number of characters per line across screen sizes. This is why the width needs to be updated so many times.

Please note that the above CSS won’t change anything until you change the padding values. I left the default values in the code, so you can modify them from there.

One last thing: that will affect the homepage regardless of what content is there, so it won’t affect the Page you’re using for your homepage until it is used as the front page.

I added the above CSS and it works great. Now I’m testing the optimal padding values.

Thanks for explaining me and sharing tricks.

This is really nice feature you described above. Is it possible to change post width for all pages, not only homepage?

Yea here’s a modified version you can use that will affect all posts and pages:

.singular .main {
  padding: 0 8.334%;
}
@media all and (min-width: 43.75em) {

  .singular .main {
    padding: 0 16.668%;
  }
}
@media all and (min-width: 62.5em) {

  .singular .main {
    padding: 0 20.835%;
  }
}
@media all and (min-width: 75em) {

  .singular .main {
    padding: 0 25.002%;
  }
}

Thanks for prompt response. The theme and support are awesome.
Going to by a Pro version.

You’re welcome, thanks so much for upgrading!