• Hi,

    I am using the “Complete” theme by AJ Clarke and have an issue with the background image not showing up properly. Also, as the width of the page is set to 1020px, there is a slight overflow on all the screens, can anyone please help me get the layout right the code that i have modified is as follows:

    body {
        background: url('image-url') 0 50% repeat-y #ffffff;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 12px;
        line-height: 1.7em;
        letter-spacing: 0.5px;
        color: #666;
        width:1020px;
        margin: auto;
        overflow: scroll;
    }

    (Plz ignore the url path given)
    the background image is 1280px wide- i have used various iterations of the image from 1020 to 1280 but still the body starts from extreme left of the screen and the background image starts around 30px after

    Also,if I dont use the overflow:scroll option then the content is not visible on the sides

    Can anyone plz help me out in getting it aligned?

    Thanks and Regards

Viewing 3 replies - 1 through 3 (of 3 total)
  • can you post the link to your site

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Use a <div> element to replicate what you want, rather than the <body>.

    Thread Starter amitsinh.thakur

    (@amitsinhthakur)

    Got the answer to it… I need to reposition the body to 900~px with the background image at just slight wider than the body so that the resolution of the monitor does not hamper the layout of the site… also, corresponding elements shall also have to be resized…
    Happy now 🙂

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

The topic ‘Body not aligned’ is closed to new replies.