Static Page Width

  • Unknown's avatar
    slc6a1gene · Member ·

    My static home page is wider than all the other pages. I know I can increase the width of the other pages by eliminating the sidebar, but I don’t want to do that. Also, if I do that the blog still stays the small width. I just want all the pages on my site to display as the same width. Any ideas?

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

  • Unknown's avatar
    dkmyta · Member ·

    Hey there,

    After spending sometime with this theme it seems as though when the homepage is set to static and directed towards a page, the homepage itself has a built in property that defines a max-width of 1180px. When homepage is set to your latest post it then has a separate property that sets a max-width of 880px which is the same width of all other pages and posts for the remainder of the site.

    I may be wrong but it seems to me that the only way to have all pages the same shorter width without the use of custom CSS would be to set your homepage to your latest post and have all pages remain the smaller width as the max-width property associated with the all pages/posts wont allow you to extend their width any further without the addition of the sidebar. You should be able to add a sidebar widget to your blog page as well to ensure all pages are the same.

    Couldn’t hurt to wait on a second opinion but hopefully this explains a little further why the issue seems to exists.

    If you would like to go with extending all pages/post to the same width and are having difficulty pop back in and I can walk you through how I managed to achieve this.

    Cheers

  • Unknown's avatar
    miraswriting · Member ·

    Hello,

    I took a look at your site and I see the smaller pages too.

    You may also try posting this question in the CSS Forum. They have the experts in this sort of thing.

    Do you have the free, premium, or business plan?

    If you have the premium or business plan you might give this a try – Go to customize, then CSS. Copy and paste the following code:

    .no-sidebar.page-template-full-width-page .site, .no-sidebar.page-template-grid-page .site, .no-sidebar.home.page .site {
    max-width: 880;
}

    Alternatively, if that doesn’t work or if you have the free plan, activating a different theme then switching back may do the trick. There are some things you may have to put back into place, read this page for more information on switching themes.

  • The topic ‘Static Page Width’ is closed to new replies.