- This topic has 2 replies, 2 voices, and was last updated 8 years, 7 months ago by .
Viewing 3 posts - 1 through 3 (of 3 total)
Viewing 3 posts - 1 through 3 (of 3 total)
- You must be logged in to reply to this topic.
Home › Community Forums › Epik Theme Support › How To Have Different Wrap Width For Blog and Homepage?
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?
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;
}
Ok, glad you got it working. Just let any of us know if you have any other questions.