Customizing help needed!!!

  • scottish2

    (@scottish2)


    17 years, 2 months ago

    Hi

    I set up a blog for a friend and am not 100% happy with the template. love the over all look but it is too narrow in the main content area.

    http://namgyalrapper.com/blog/

    Can someone show me how to make it wider?

    The header image I want to leave centered, but everything from the menu bar down I want to make wider.

    Basically

    the left sidebar is about 183 pixels wide.
    the right one seems to be 181 pixels wide.
    and the middle column seems to be 436 give or take a couple pixels

    Now the sidebars I want to keep those widths give or take a pixel or 2 but the center I want to be 600 pixels wide so it looks like the edited screen shot below as I edited the screen shot to show better how I want the layout to look

    http://i664.photobucket.com/albums/vv3/freetibetblog/Image1.jpg

    So I would need to know what parts to edit and exactly what files as not sure if this would be in just one file or in multiple files.

    It seems like it can be adjusted in the CSS file alone but I am unsure what parts to edit so it properly effects the whole blog and makes the center area wider while leaving the sidebars their current width.

    Any help would be much appreciated!!!

    Dave

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

    (@t31os)

    17 years, 2 months ago

    Assuming you understand CSS to some degree, the following CSS over-rides produces the required result..

    #navtop {
  background-image:none;
  background-color:#4d4d4d;
  border:3px solid white;
  width:auto;
}

#body_container,
#container,
#main {
  width:1000px;
  background-image:none;
}

#main_content {
  width:660px;
  background-image:none;
  padding:0;
}

.narrowcolumn {
  width:auto;
  background-color:#a9a9a9;
  margin:0 10px;
  padding:10px;
}

#footer {
  width:1000px;
  background-image:none;
  padding:0;
  height:auto;
}

#footer_left {
  width:970px;
  margin:50px 0 20px;
  background-image:none;
  padding:8px 15px;
  height:auto;
  background-color:#4d4d4d;
  border:3px solid white;
}

#header {
 margin:0 auto;
}

    Basically go through each of the above IDs (# hahsed items) and the class (. dot item) and adjust them in the stylesheet to reflect the changes above….

    You’ve used images in the current theme where they’re not needed, this has meant i’ve used background color and border for the footer and header nav menus (why an image was used i don’t know), but the content area image needs to recreated, i’ve used background-color for the changes above, so you lose the rounded corners until a new image is in place…

    Thread Starter scottish2

    (@scottish2)

    17 years, 2 months ago

    I’ll give this a try and not sure why they used what as was a theme I liked and downloaded just don’t like the width is all.

    Thread Starter scottish2

    (@scottish2)

    17 years, 2 months ago

    Well it didn’t work but then a friend got it resolved for me and turned out who ever created this theme used a ton of images in it and took her awhile to get it all sorted as we had to redo a number of the graphics to get it to all stretch wider and balance out right. But as you can see if now looking better not being crammed into one narrow column like it was originally

    http://namgyalrapper.com/blog/

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

The topic ‘Customizing help needed!!!’ is closed to new replies.