Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New to the CF scene
    Join Date
    Aug 2013
    Posts
    8
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Need to make theme full page width

    Hey guys,

    I want to use this theme http://wpexplorer-demos.com/photo/ as a landing page.



    Question:

    How can I make the white area (see image) of this template wider so I can insert my current .html (which needs full page width) inside it.

    In simpler terms, i don't want any constraints over the size of the width of the theme.

    How to modify it?

    Thanks!

  • #2
    New to the CF scene
    Join Date
    Oct 2012
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts
    If I understand your question correctly then just change the #wrap css element width from 1000px to 100%.

  • #3
    New to the CF scene
    Join Date
    Oct 2012
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts
    You will need to make these changes on all media query break points.

  • #4
    New to the CF scene
    Join Date
    Aug 2013
    Posts
    8
    Thanks
    1
    Thanked 0 Times in 0 Posts
    As you can tell i'm a bit noobish to html/css

    Where would I find the "media query break points." and what would be the most effecient way of modifying all at once? (preferable in a batch if possible...)

    thanks!

    Quote Originally Posted by BleepyEvans View Post
    You will need to make these changes on all media query break points.

  • #5
    Regular Coder
    Join Date
    Mar 2013
    Posts
    262
    Thanks
    4
    Thanked 67 Times in 67 Posts
    Kind of a confusing question, but if you want the white background to span the whole page, then set the body's background to white.

    In your style.css file, you should see this:

    Code:
    body {
    background: #ddd;
    nowhitespace: afterproperty;
    font: 13px/1.8 'Droid Serif', Helvetica, Arial, sans-serif;
    color: #666;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    }
    Change the "#ddd" to "#fff".
    My signature :)

  • #6
    New to the CF scene
    Join Date
    Aug 2013
    Posts
    8
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Pardon for the confusion.

    However, I don't just an all white page. What I want is to expand the white area so that it is wider than it currently is (thus the reason why i mentioned full page width...)

    Perhaps my terms are proper, but that's the jist of it....

    Quote Originally Posted by BleepyEvans View Post
    You will need to make these changes on all media query break points.
    Quote Originally Posted by ttkim View Post
    Kind of a confusing question, but if you want the white background to span the whole page, then set the body's background to white.

    In your style.css file, you should see this:

    Code:
    body {
    background: #ddd;
    nowhitespace: afterproperty;
    font: 13px/1.8 'Droid Serif', Helvetica, Arial, sans-serif;
    color: #666;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    }
    Change the "#ddd" to "#fff".


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •