Inlarging the background image and minimizing the blog screen

  • Unknown's avatar
    christophercross · Member ·

    How can I do this?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    designsimply · Member ·

    To make the background image bigger in the Twenty Eleven theme which I see that http://christophercross.wordpress.com/ is using, first you need to start with a larger original background image file. :)

    Once you have a properly sized original image, you can control display options like position, whether it repeats, and whether it is fixed or moves with the content in the Appearance → Background page in your Twenty Eleven blog dashboard.

    It is also possible to set a background image using CSS, but you will have the same limitations for the image. There is not a way that I know of to make the original image in a background rule larger, and even if you could do it, the quality of the image would degrade if you didn’t start with an original image that was large enough to fill the space you want to use.

    Could you be a little more specific about what you mean by minimizing the blog screen? Do you mean you want to make the entire layout smaller? Note that the width of the div#page element is set like this, so you could update this to a different value and add it to your Appearance → Custom Design → CSS page: 

    #page {
max-width: 1000px;
}

    If you would also like to get rid of the sidebar, you should look at the Appearance → Theme Options settings. If you want to change the sidebar, you may want to make other width changes as well.

  • The topic ‘Inlarging the background image and minimizing the blog screen’ is closed to new replies.