How do I change the width of the body content on JUST the landing page template?

This topic has 6 replies, 3 voices, and was last updated 10 years, 9 months ago by reactbiz.

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
May 2, 2013 at 5:20 pm #4494
swanie
Customer
Love the theme. Nice work. Hey, the landing page template is wider than I’d like it to be. How can I best change the width, to say, maybe 600 pixels wide without affecting the rest of the theme page templates. I didn’t see it in the user guide/tutorials nor do I see the settings in the landing page style.css file. Cheers.
May 2, 2013 at 9:33 pm #4500
Wes
Moderator
You would have to adjust each div section that is 1152px since they are all separate of each other on the homepage. To change the width on the homepage only, you can add “.home” to any div/class that you change, and it won’t affect other pages.

For example, the #header is 1152px, so you would need to add this to change the #header on just the homepage –
```
.home #header {
    width: 600px;
}
```
You can take a look at all of the other div’s on your homepage and do the same each one that is 1152px.
May 2, 2013 at 10:37 pm #4504
swanie
Customer
Hey, Wes,

Thanks for the reply … so, how would I change the ‘content’ to just 600 on the ‘landing page’ template … not the ‘home’ page template. There’s a page template called ‘landing page’ that doesn’t have a header, just body content. That’s what I want to change.

Thanks in advance. Cheers.

– swanie
May 2, 2013 at 10:40 pm #4505
Wes
Moderator
If you’re just using the Landing page as your homepage, then you should be able to add this –
```
.home #inner .wrap {
    width: 600px;
}
```
May 2, 2013 at 10:45 pm #4506
swanie
Customer
OK. That worked. Cool. Thanks. Is there also a way to do it if I create a separate landing page that’s not the home page?

So, let’s say I have a full, regular site, but then I want to create a separate page that uses the landing page template. Does that make sense? Will this code work for that, too?

I really dig this theme, by the way. Way cool.
May 2, 2013 at 10:48 pm #4507
Wes
Moderator
Yes you would just have to add the class (replacing “.home”). This will be whatever the name of the page is in most cases…..this is actually located in the code/page source, so I would probably just have to look at it to tell you what it is if you’re unable to find it.
July 10, 2013 at 1:59 pm #5818
reactbiz
Customer
```
.epik-landing #inner .wrap {
margin: 0 auto;
width: 600px;
}
```
Author

Posts

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.