How can I change the width of my panel

tanbinnguyen

How can I change the width of my panel (sidebar). Please help. I did Attach a image below

zar3x

In your custom.css file look for " #Panel."
then change the width to what you want.

tanbinnguyen

I can't find it

zar3x

Yoy may need to change the width of either the hole page wicht is the body div tag. or the width of the content div.

zar3x

Go to your themes folder. then the design folder. there is the custum.css file.

then open it up with some good code writing program. then search for Panel

tanbinnguyen

This is all I can find

.PanelInfo li {
    background: #444;
    border: none;
}

.Activities .Excerpt a,
.Activities .Meta a {
   color: #ddd;
}

.Activities .Excerpt a:hover,
.Activities .Meta a:hover {
   color: #fff;
}

body.Profile .PanelInfo {
   border-bottom: 1px solid #555;
   margin: 3px 0 3px 0;
}

.DataList .Options,
.MessageList .Options {
   margin: 7px 4px 0 0;
}

.PanelInfo .Active {
    background: #fff;
    border: none;
}

.DataList .Item {
    background: #222;
    border: 1px solid #333;
    border-top: none;
}

body.Entry form ul li label {
    color: #ddd;
}

.PanelInfo .Active a {
    color: #111;
}

.PanelInfo {
    border: 1px solid #555;
}

.MessageForm,
.Tabs,
.Headings {
    background: #333333;
    border-bottom: #555;
}

.TabLink,
.TabLink:link,
.TabLink:hover,
.TabLink:active,
.TabLink:visited {
    background: #222;
    border: 1px solid #444;
    color: #fff;
}

.Tabs li a span {
    background: #4ec14c;
    color: #000;
}

#Bookmark_List {
    border-bottom: none;
}

#Bookmark_List li {
    border-bottom: 1px solid #555;
}

.Active .TabLink {
   background: #111;
    border: 1px solid #222;
    color: #fff;
}

#Menu a:hover {
    background: #555;
    text-decoration: none;
}

a.BigButton {
    color: #333;
}

div.Popup h1,
div.Popup h2 {
    background: #dc4545;
    border-bottom: 1px solid #bb3c3c;
}

#ThemeCredit {
    font-size: 9px;
    color: #333;
}

.Box  .PanelCategories .Heading {
    color: #fff;
}

tanbinnguyen

Now what do I need to change

mcu_hq

what theme?

tanbinnguyen

It was called DarkMist

zar3x

Well I saw that, at the bottom at the custom.css file, add this:

#Panel{width: Your width;}

And you might need to add this to.

#Content{width: your width;}