Friday, March 13, 2009

Changing Margins... HELP?


I wish I knew html :(((( ...

I need to change the margins of this blog and can't seem to figure out how to widen them, leaving a very small border of brown along the edge. Until I can find someone to help me, any postings will look crammed in, unless of course I try another template.

GRRR!! UGHHHH... :(

10 comments:

Fuzzy Slippers said...

I'll ask Kerry and see if she knows how to do this :))

Lateboomer said...

THANKS, Fuzzy! I have asked a couple of my DJs here and the station and they're not sure what I should try to do :( ... anything Kerry can suggest would be great :)

xo

Fuzzy Slippers said...

She's super good at this sort of thing, so she may know how. I think, though, that you may have to change your template :( Or just go with the skinnier margins; a lot of blogger blogs have them, and they look great! :)

Lateboomer said...

Thanks for talking to her, Fuzzy. I suspect that I might have to change the template to one that has preset skinny margins.

Boo, hiss.. :(

Fuzzy Slippers said...

Okay, I found this: http://help.blogger.com/bin/answer.py?hl=en&answer=41954

and this:
http://www.blogdoctor.me/2006/10/how-to-change-width-of-blog.html

Hope it helps! Huggs a'plenty

Lateboomer said...

YAY, you!! I'm going to see if I can't sort through this to make it work... You ROCK!! xoxo

kerry said...

i can help you increase the margins, but the image of the paper will no longer fit.

go into the html and scroll down till you see "#outer-wrapper {"

paste this bit in place of the original bit:

#outer-wrapper {
background-color:#473624;
border-left:1px solid #332A24;
border-right:1px solid #332A24;
width:900px;
margin:0px auto;
padding:8px;
text-align:center;
font: normal normal 100% Georgia, Times New Roman,Sans-Serif;;
}
#main-top {
width:900px;
height:49px;
background:#FFF3DB url("http://farm4.static.flickr.com/3584/3359760129_457b372f7d_o.jpg") no-repeat top left;
margin:0px;
padding:0px;
display:block;
}
#main-bot {
width:900px;
height:81px;
background:#FFF3DB url("http://farm4.static.flickr.com/3425/3360577788_318ba15fa3_o.jpg") no-repeat top left;
margin:0;
padding:0;
display:block;
}
#wrap2 {
width:900px;
background:#FFF3DB url("http://farm4.static.flickr.com/3557/3359760093_1396aa561c_o.jpg") repeat-y;
margin-top: -14px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
text-align:left;
display:block;
}

Lateboomer said...

Thanks, Kerry!
I'm going to give this a try, today.... Fingers crossed! :)

kerry said...

i hope it works. i had this template at one time and i know i changed the margins, as well, but i didn't save it and i'm hoping i remembered everything that needs to be changed. :s

kerry said...

try this:

#main {
width:630px;
float:right;
padding:8px 0;
margin:0;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

if it's still too small, keep adding about 5px to the width until it looks the way you want. hope that helps. :)