How to change to % width in ADK Cool Black 2.0?

Started by 4Birdman, May 02, 2012, 08:53:24 AM

Previous topic - Next topic

4Birdman

Right now it is default to be 960px or something like that. I really prefer to have it set as a %width. Any easy way to do this? I screwed around with it a little and only managed to fubar it.  :o I went back to the way it was for now. I really hate it being so narrow on my 24" monitor, and I know it would get annoying for the people who have smaller monitors if I make it fixed width to fit my monitor.

Can anyone help me?

Robert.

Hi, welcome to SMF! :) Please attach index.template.php and index.css and I'll show you how to do it. :)


Robert.

Ok, I'm not sure what it looks like but this should do the trick. :)
Open index.css and find:
#page {
width: 960px;
margin: 0 auto;
padding: 20px 5px;
background: #FFFFFF;
}

/* Content */

#content {
width: 960px;
float: left;
}

And replace with:
#page {
width: 70%;
margin: 0 auto;
padding: 20px 5px;
background: #FFFFFF;
}

/* Content */

#content {
width: 70%;
float: left;
}


Don't forget to backup, though :P

4Birdman

Didn't work.  :(

The forum is hxxp:www.capitalfbody.com/forums [nonactive]

Robert.

Are you sure you have applied the changes correctly? :) It doesn't seem to display the changes (the css file still says 960 px). Also, try cleaning your forum cache. :)

4Birdman

I changed it back because it was looking goofy. I put it back to what you said and cleared the cache. See what it is doing?

Robert.

Ah I see. =/ I'm afraid it's because of the left blocks, I didn't think of that, sorry. :( I'll see what I can do :)

Robert.

Ok, please try changing this too:
Find
#content1 {
width: 780px;
float: left;
}
.links {
padding: 4px 0px;
text-align: right;
font-weight: bold;
}

.links a {
border: none;
}

.links a:hover {
}

/* Sidebars */

#sidebar1 {
float: left;
margin-top: -70px;
}

.sidebar {
float: left;
width: 180px;
padding: 0;
font-size: 12px;
}

With
#content1 {
width: 85%;
float: left;
}
.links {
padding: 4px 0px;
text-align: right;
font-weight: bold;
}

.links a {
border: none;
}

.links a:hover {
}

/* Sidebars */

#sidebar1 {
float: left;
margin-top: -70px;
}

.sidebar {
float: left;
width: 15%;
padding: 0;
font-size: 12px;
}

4Birdman

Great, that worked. The sidebar is a little chopped up now with the headings. Any way to make that a fixed width and then vary the width of the forum body?

THANKS!

Robert.

Sorry for getting back on this so late, but I saw you've changed the theme so I'll mark this topic as solved, unless this is still a problem. :)

Advertisement: