Lifestyle Pro: How to make theme fit full screen.

[t-west]

Hello, I'm in the process of setting up my blog site with the Lifestyle Pro theme. I'm very new to all of this and would appreciate any help.

My issue is that when I go to view the website, I notice that the website doesn't fill up the entire viewing screen as most websites do. My website looks like a page that sits within the viewing screen leaving about a 2 1/2 inch border on the left and right margins and also about 1/4 inch on the top and bottom. Like I said, looks like a page within the screen.

I've watched tutorials for the Lifestyle-pro theme on Youtube and other people's Lifestyle-pro themed websites seemed to fill the whole screen.

How do I make my LIfestyle-pro theme go to fit the full screen?

Thanks again 🙂

http://www.taowestventures.com/

[emasai]

As you added a different colored background to the body, it will always look like a page within a page. Much like this forum.

If you remove your added background image and leave it white #FFF, you can then remove the padding and margins as there will be no visible demarcation between the content and the body background. This will make your site look much wider.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[t-west]

Thank You Lynne. There is a very faint demarcation left between the theme and the sides but it does make the site look wider.

Am I correct in assuming that the width of this theme is fixed? There is no way to stretch the theme out to the edges of the viewing screen? Otherwise the body of the site scrolls down through the middle looking a bit on the narrow side.

Thanks again for your help Lynne. Much appreciated.

[emasai]

On line 472 of your style sheet remove the box shadow. You can also remove the padding, but then you will have to adjust the size of the header image to go full width which is 1140px quite ample.

Some people (like me) have huge screens but that doesn't mean I want my browser window to be that wide, it's so that I can have 2 applications open side by side at the same time. There is also the readability factor, very wide lines are hard to read, the maximum number of character is around 60.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[t-west]

Thank you. I will look into that and try it out. How do I find line 472? When I go to the editor of the CSS within the dashboard, all I see is a string of code with no indication of line number.

Sorry for the trouble. Thanks again 🙂

[emasai]

The best way is to use FTP to modify the functions and style files. But if you don't know how, then look for .site-container
There are 2000 lines of code so line 472 will be about a quarter way down the editor.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[t-west]

Thanks, I'll try that and see how it goes!

[Author]

Posts