Weaver II remove border around entire page

  • Resolved sagdude2002

    (@sagdude2002)


    10 years ago

    Hi,
    I’m using the Weaver II Theme and want to remove the white border that goes around the entire page. My website is https://www.fieldforthought.com

    I have the Weaver II Theme Extras plugin activated. I entered the following code in Advanced Options – The Site <HEAD> Section – Custom CSS Rules but it didn’t work:

    #wrapper {
    background: none;
    }

    Any suggestions? Thank you very much.

Viewing 8 replies - 1 through 8 (of 8 total)
  • Josh

    (@josh401)

    Oops… sorry. Misread your question.
    The white is the background color for the entire website.
    Do you want to change the color from white?

    Thread Starter sagdude2002

    (@sagdude2002)

    Thanks for responding, Josh. Actually, I was hoping to remove the border completely … so that area is the website and not a white border. Thanks.

    Josh

    (@josh401)

    Well.. I am viewing your site from an HD 1920×1080 screen. The white takes about 25% of the right and left of the page. It’s not really a border; note how the white is NOT at the top and bottom of the page… only the sides.

    If you were to “shrink”/resize your browser window… you should see the white disappear.

    So, the question becomes “what” do you want to show your visitors who are using a higher display monitor? Something has to go there… ??

    In order to remove it completely… you would need a responsive layout; one that expands/collapses as the viewing resolution changes.

    Josh

    (@josh401)

    Hmmm… you might be able to “cheat” by doing this:

    #wrapper {
    max-width: none !important;
}

    Not sure of the all-around affect on your site though…

    Thread Starter sagdude2002

    (@sagdude2002)

    Hi Josh – Thanks for the suggestion but the white is still there. If you hold and move the page up and down it appears on the top and bottom too, but only while you hold the page. Anyway, what I’d like to do is have my website take up the entire browser window, no matter what size. I don’t like the look of the white sides. You’d think this would be easy to do but I guess not. In an earlier version I went in the template and changed the code directly and it worked. But now we are not able to do that. Thanks for your help!

    kmessinger

    (@kmessinger)

    Weaver has excellent support.
    https://weavertheme.com/support/

    scrambler

    (@scrambler)

    To make the site full width do the following.

    Put the rule below in Main options > General Appearance > Wrapper Page BG: CSS+ box
    {max-width:100%;}

    Then remove all margin by putting a zero in Main Options > Layout > Theme margin boxes.

    In the future for faster support use the weaver Forum
    https://forum.weavertheme.com/

    Thread Starter sagdude2002

    (@sagdude2002)

    Thank you, scrambler! That did the trick. Also, thanks Josh and kmessinger for responding. BTW, I tried the Weaver forums but couldn’t find anything.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Weaver II remove border around entire page’ is closed to new replies.

Tags