• Closed
  • Shayne Taylor
    Spectator
    August 18, 2015 at 11:43 pm #19946

    Does anyone know how to make the evolve plus page full width (to the edge of the browser window)?

    Not sure if it’s in the CSS Style somewhere or not.

    I am making my page basically blank, with nothing more then the content page (no header, no footer, no menu and no sidebar)

    It’s for a display on a TV.

    Thanks,

    Shayne

    Denzel Chia
    Moderator
    Posts: 2656
    August 19, 2015 at 10:24 am #19956

    Hi,

    Please post your website url.
    We will see if we can provide a solution.

    Thanks!

    Shayne Taylor
    Spectator
    Posts: 6
    August 19, 2015 at 1:14 pm #19961

    Thanks for the quick reply.

    http://fb.townsignage.com/grid1/ – This one is in a table on the content page.

    http://fb.townsignage.com/ – This one is a content page and a sidebar widget

    Imran
    Spectator
    Posts: 402
    August 19, 2015 at 5:52 pm #19968

    Hi Shayne,

    Thanks for writing in! if you wish to achieve something like this: http://prntscr.com/86h7oi, so for the both pages you can add the following code under Appearance > Theme Options > Custom Css:

    #wrapper, .container {
    width: 100% !important;
    padding: 0px !important;
    margin: 0px !important;
    }

    div#primary {
    padding: 0 !important;
    }

    Hope this helps!

    Thanks.

    Shayne Taylor
    Spectator
    Posts: 6
    August 20, 2015 at 12:47 pm #20002

    Works great!

    Do you know the code to do the maximum height?

    http://fb.townsignage.com/grid1/

    The Custom CSS code I have so far is:

    #wrapper, .container {
    width: 100% !important;
    padding: 0px !important;
    margin: 0px !important;
    }

    div#primary {
    padding: 0 !important;
    }

    .menu-header {
    box-shadow: none !important;
    position: relative;
    top: 0px;
    margin-bottom: 0px;
    }

    .content {
    padding-top: 0px !important;
    }

    .entry-content.article {
    margin: 0 !important;
    }

    .entry-content.article p {
    margin: 0 !important;
    }

    .entry-content img {
    padding-top: 0 !important;
    margin-top: 0 !important;
    }

    .content {
    padding-top: 0px !important;
    }

    .entry-content {
    position: relative;
    top: -50px;
    }

    ———-

    Not sure how much of that code I need to achieve full width & height (but some of that I got here on the forums)

    Imran
    Spectator
    Posts: 402
    August 20, 2015 at 9:05 pm #20003

    Hi Shayne,

    Thanks for writing in! please provide more clarification about your requirement with some snapshots. However, if you wish to lessen some space from down bottom of your page, so you can add the following CSS into your custom CSS field:

    .footer {
    display: none;
    }

    Thanks.

    Shayne Taylor
    Spectator
    Posts: 6
    August 25, 2015 at 1:06 am #20077

    Ok. I have a background image in the content area so it is easier to see the top and bottom areas I need to remove or close in.

    It is located at http://fb.townsignage.com/grid1/

    Note sure how I add a snapshot of it in this forum.

    Imran
    Spectator
    Posts: 402
    August 25, 2015 at 1:40 am #20080

    Hi Shayne,

    if you wish to suppress the extra padding from the above of the page, so you can add the following code under Appearance > Theme Options > Custom Css:

    #wrapper {
    display: none;
    }

    Thanks.

    Shayne Taylor
    Spectator
    Posts: 6
    August 25, 2015 at 3:00 am #20081

    That got rid of the space at the top perfectly, but the bottom still has a white space.

    Here is the page so far: http://fb.townsignage.com/grid-3/

    I already have the footer code in there (but still see white space)

    Here is the Custom CSS i am using:

    .menu-header {
    box-shadow: none !important;
    position: relative;
    top: -50px;
    margin-bottom: -50px;
    }

    .content {
    padding-top: -0px !important;
    }

    #wrapper {
    display: none;
    }

    .footer {
    display: none;
    }

    Denzel Chia
    Moderator
    Posts: 2656
    August 25, 2015 at 7:15 am #20103

    Hi,

    You have set Theme Options -> Social Media Links -> Enable Subscribe/Social links in header to Disable

    It will trigger a bug in Evolve Plus and breaks the HTML structure. Perhaps this is why you have a small stretch of empty white space at the bottom.

    Please see screenshot of your webpage source code http://share.pho.to/9fZ2B/2v/original, you can see a red color </body> closing tag at the end of the image, the red color indicates broken HTML structure. It will not be in red if nothing is broken.

    Please see this thread for more details. https://theme4press.com/support/topic/menu-hover-effect-not-working-in-my-1-9-0-evolve/page/2/#post-19881

    And the following custom css you posted is wrong.

    .content {
    padding-top: -0px !important;
    }

    It should be 0px not -0px.

    Thanks!