• Creator
    Topic
  • #19946

    Shayne Taylor
    Spectator
    Been thanked: 0 times

    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

Viewing 9 replies - 1 through 9 (of 9 total)
Replies
  • Denzel Chia
    Moderator
    Post count: 3230
    Been thanked: 129 times
    #19956 |

    Hi,

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

    Thanks!

    Shayne Taylor
    Spectator
    Post count: 6
    Been thanked: 0 times
    #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
    Post count: 403
    Been thanked: 0 times
    #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:

    Hope this helps!

    Thanks.

    Shayne Taylor
    Spectator
    Post count: 6
    Been thanked: 0 times
    #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
    Post count: 403
    Been thanked: 0 times
    #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:

    Thanks.

    Shayne Taylor
    Spectator
    Post count: 6
    Been thanked: 0 times
    #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
    Post count: 403
    Been thanked: 0 times
    #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:

    Thanks.

    Shayne Taylor
    Spectator
    Post count: 6
    Been thanked: 0 times
    #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
    Post count: 3230
    Been thanked: 129 times
    #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.

    It should be 0px not -0px.

    Thanks!

Viewing 9 replies - 1 through 9 (of 9 total)
You must be logged in to reply to this topic.