Support » Themes and Templates » How to remove page background

  • Hello all,

    I’m wondering if someone could offer a little guidance, as I’d like to make changes to my theme (Prosense).

    It has a gray background appearing on either side that I’d like to get rid of in order to gain some more width for the sidebar.

    The page width and header width are defined as 950px.

    Which are the attributes that control the gray background? Is included within the 950, or is it a padding that is in addition to the page width.

    Also, when I remove the gray background, will I need to resize the header image, or will it stretch from side to side?

    At various places in the style sheet there are references to padding followed by 4 numbers, e.g. 20px 20px 20px 0. Is there a set way to read these? i.e. left right top bottom? left top right bottom?

    My site is here.


Viewing 3 replies - 1 through 3 (of 3 total)
  • The theme author probably chose 950px so that it will display without a scrollbar in 1024×768 browser resolutions. You could safely add 10px more to make it 960px. I wouldn’t go much wider than 960.

    To do this, edit this file:

    Find both instances of
    width: 950px;
    and replace with
    width: 960px;
    then find:
    #sidebar .sidebar_right
    and change its width property to 250px.
    This will add the 10px to your sidebar.

    You’ll need to add the extra 10px to the sidebar container here too.

    #sidebar {

    (changed from 410px to 420px)

    Lastly, you’ll need to edit the header image:

    to be 960px wide..

    Hope this helps.

    Thank you so much.

    I’m going to try these steps and see how it goes.

    What I’d actually like to be able to do once I widen the page is expand the right sidebar be 300px, if possible.

    My plan is to get rid of the adsense skyscraper in the left sidebar and replace it with a 300px rectangle in the right sidebar, beneath the menu.

    In any event, I don’t see any need for this gray background.

    Thanks again,

    Hmm, I just realised that what I actually envison is making the page width fluid instead of fixed.

    Any idea on where I would modify the code to accomplish this?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to remove page background’ is closed to new replies.