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

[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.  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?

[Doctor Deejay]

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

[4Birdman]

Thanks!

[Doctor Deejay]

Ok, I'm not sure what it looks like but this should do the trick.
Open index.css and find:

Code: [Select]

#page {
width: 960px;
margin: 0 auto;
padding: 20px 5px;
background: #FFFFFF;
}

/* Content */

#content {
width: 960px;
float: left;
}And replace with:

Code: [Select]

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

/* Content */

#content {
width: 70%;
float: left;
}
Don't forget to backup, though

[4Birdman]

Didn't work. 

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

[Doctor Deejay]

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?

[Doctor Deejay]

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

[Doctor Deejay]

Ok, please try changing this too:
Find

Code: [Select]

#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

Code: [Select]

#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!

[Doctor Deejay]

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.