October 10, 2014 at 1:21 pm #127405
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/October 10, 2014 at 1:55 pm #127408
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.
October 10, 2014 at 2:25 pm #127411
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.October 10, 2014 at 2:30 pm #127412
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.
October 10, 2014 at 2:39 pm #127414
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 🙂October 10, 2014 at 3:03 pm #127416
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.
October 10, 2014 at 3:13 pm #127420
Thanks, I'll try that and see how it goes!
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.