• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Lifestyle Pro: How to make theme fit full screen.

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Lifestyle Pro: How to make theme fit full screen.

This topic is: not resolved

Tagged: full screen, full width, lifestyle Pro

  • This topic has 6 replies, 2 voices, and was last updated 10 years, 9 months ago by t-west.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 10, 2014 at 1:21 pm #127405
    t-west
    Member

    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
    emasai
    Participant

    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

    October 10, 2014 at 2:25 pm #127411
    t-west
    Member

    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
    emasai
    Participant

    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

    October 10, 2014 at 2:39 pm #127414
    t-west
    Member

    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
    emasai
    Participant

    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

    October 10, 2014 at 3:13 pm #127420
    t-west
    Member

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

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble