Support » Theme: Founder » Width page for static homepage

  • Resolved Asakasan

    (@asakasan)


    I’m trying to set a static homepage for my site and I’d like to change only the width of my homepage. Don’t know if it’s possible and how to get it.

    My site: asakaltrove dot com

    (For now i’m using a dynamic homepage yet, not a static)

    Thanks

Viewing 9 replies - 1 through 9 (of 9 total)
  • 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: http://asakaltrove.com/home/

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

    Theme Author Ben Sibley

    (@bensibley)

    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?

    Theme Author Ben Sibley

    (@bensibley)

    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.

    Theme Author Ben Sibley

    (@bensibley)

    You’re welcome, thanks so much for upgrading!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Width page for static homepage’ is closed to new replies.