How to stretch web page horizontally?

  • I want to stretch my page horizontally. My background I want to have at the very top and at the very bottom.

    So where my header is, the image, the links and the body I want to stretch it horizontally just unsure of what code to use!

    I really wanted to get rid of the blog-like look due to the skinniness of page.

    Thanks for any help!

    https://www.livsdragons.com

Viewing 4 replies - 1 through 4 (of 4 total)

  • Not clear what you mean with the background — do you just want the whole site to be wider? That themes is “responsive” meaning it adjusts to the size of the browser window…

    Thread Starter xkaijinx

    (@xkaijinx)

    Yes, I wanted the entire area where I put content to be wider

    edit

    #page {
    max-width: 1000px;
    }

    in your stylesheet (note: use a child theme so that these changes will not be lost on a theme update or re-install)

    You will also need to make some other CSS tweaks and alter the header image so it’s not being re-sized in the browser.

    Thread Starter xkaijinx

    (@xkaijinx)

    Swanson, thanks but that does not work ??

    It actually has no effect on the page itself.

    I want to take the entire content and fill the entire right and left side of the page (not the top)

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to stretch web page horizontally?’ is closed to new replies.