ISSUE SUMMARY:
really love the setting of socialize made. I need the color for menu bar same as the header blue...how to change and follow the setting as shown in the picture.. and i need the width to be adjusted as the picture

Hi Azri,

You should costumize your own stylesheet :

.navbar-default {
    background-color: #2C3E50;
    color: #FFF;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color: #0076BA;
}
.t3-header {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #2C3E50;
    color: #ffffff;
    border-bottom: 1px solid #405061;
}
.t3-community-toolbar {
    color: #ffffff;
    background-color: #34495E;
}
.navbar-default .navbar-nav > li > a {
    color: #FFF;
}
.body{
    background-color: #1E5D89;
}

may i know the code for change the sidebar 1 and sidebar 2 width?

you can try remove the padding by this code :

.t3-sidebar {
    padding-left: 0px;
    padding-right: 0px;
}

hello dimas,

what i need to to adjust the sidebar width. where, how and what i should do? already try to adjust the padding..but not working

what do you want looks like? I see your sidebar is wider now..

i need to adjust the sidebar smaller not wider

its hard to change the sidebar width to be smaller, the easy one is make the main container smaller so it will make the sidebar smaller as well, the code is like this :

.container {
    width: 1190px;
}