• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Appfinite

Appfinite

Premium WordPress Themes for The Genesis Framework

  • Themes
  • Blog
  • Tutorials and Resources
  • Forums
  • Contact Us

How To Have Different Wrap Width For Blog and Homepage?

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

  • This topic has 2 replies, 2 voices, and was last updated 8 years, 7 months ago by Wes.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • November 15, 2013 at 9:27 pm #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?

    November 16, 2013 at 2:25 pm #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;
    }

    November 16, 2013 at 8:03 pm #8943
    Wes
    Moderator

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

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

Primary Sidebar

Search Forums

Affiliate Program

Looking to earn some money? Join our Affiliate program and earn 35% of every sale you refer. Top referrers earn 40-50%.

Join Now →

The Genesis Framework

All of our themes are designed for the Genesis Framework. You will need to purchase Genesis in order to use any of our themes.

Purchase Genesis

Hire a Web Developer

Need help setting up or customizing your website?

Contact Us →

Search Full Site

  • Buy Genesis!
  • Shopping Cart
  • Themes
  • My Account
  • Support Forums
  • Tutorials and Resources
  • Privacy Policy
  • Contact Us
  • Follow Us on Twitter

Copyright © 2022 · Appfinite · Built With The Genesis Framework