How To Have Different Wrap Width For Blog and Homepage?

Homepage Community Forums Epik Theme Support How To Have Different Wrap Width For Blog and Homepage?

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #8921
    daiyaan
    Customer

      Firstly, thank you so much for creating this theme Wes – it is the closest to what I needed for my new website and this forum has been so valuable in helping me customise it to my needs.

      How can I go about making the homepage (and other pages) width different to that of the blog page template?

      I want the homepage and other pages to have a width of 1000px but I want the blog (including the header on the blog page) to have the default width of 1140px.

      So far I’ve added this to my custom css file:

      .wrap, .site-header {
      margin: 0 auto;
      max-width: 1000px;
      }

      .slider .wrap, .welcome .wrap, .home-feature-bg .wrap, .home-feature-bg-alt .wrap, .home-feature-bg-dark .wrap {
      width: 1000px;
      }

      Though obviously that affects the header on the blog page too (and screws up the content/sidebar). I want the header and wrapper on the blog page to be 1140px but on every other page I want it to be 1000px.

      What’s the best way to tackle this problem?

      #8937
      daiyaan
      Customer

        I think I’ve figured it out… adding the code below to my custom.css file seems to have done the trick:

        .page-template-page_blog-php .wrap, .page-template-page_blog-php .site-header {
        margin: 0 auto;
        max-width: 1140px;
        }

        .single-post .wrap, .single-post .site-header {
        margin: 0 auto;
        max-width: 1140px;
        }

        #8943
        Wes
        Moderator

          Ok, glad you got it working. Just let any of us know if you have any other questions.

        Viewing 3 posts - 1 through 3 (of 3 total)
        • You must be logged in to reply to this topic.