@alemoy: Yes, you can use the css to make it smaller. For example, you can add the following css in your “Appearance => Theme Options => Custom CSS” box, if you want to make your width to 980px.
@media screen and (min-width: 1152px) {
.site {
margin: 30px auto;
width: 980px;
}
#primary {
width: 540px;
}
#secondary {
width: 340px;
}
#secondary .widget {
padding: 15px 20px;
}
#secondary .widget.widget_catchkathmandu_social_widget {
padding: 15px 20px 5px;
}
.header-sidebar .widget ul.menu a,
#secondary-menu ul.menu a,
#footer-menu ul.menu a {
line-height: 40px;
line-height: 4rem;
padding: 0 10px;
}
.header-sidebar .widget ul.menu ul,
#secondary-menu ul.menu ul,
#footer-menu ul.menu ul {
top: 40px;
width: 188px;
}
.header-sidebar .widget ul.menu ul a,
#secondary-menu ul.menu ul a,
#footer-menu ul.menu ul a {
padding: 5px 10px;
}
.container {
padding: 0 30px;
}
#main-slider .entry-container {
left: 30px;
bottom: 30px;
}
#hgroup-wrap,
.hentry,
.comments-area article {
padding-bottom: 30px;
}
#site-logo,
#hgroup,
.header-sidebar,
#supplementary,
#main {
padding-top: 30px;
}
.page-links,
.widget,
blockquote,
#main #featured-post,
.site-content .hentry,
.site-content .site-navigation,
#infinite-handle,
.comments-title, #reply-title,
#respond {
margin-bottom: 30px;
}
#featured-post.layout-four .featued-content-wrap,
#featured-post.layout-three .featued-content-wrap {
margin-left: -3%;
}
#featured-post.layout-four .post {
margin-left: 3%;
width: 22%;
}
#featured-post.layout-three .post {
margin-left: 3%;
width: 30.3%;
}
#supplementary.four .widget-area {
margin-left: 3%;
width: 22.7%;
}
#supplementary.three .widget-area {
margin-right: 3%;
width: 31.3%;
}
#featured-post .post.first {
margin-left: 0;
}
.entry-header .entry-title,
#homepage-message h2,
#homepage-message .right-section a,
#featured-post #feature-heading {
font-size: 24px;
font-size: 2.4rem;
}
#homepage-message p {
font-size: 14px;
font-size: 1.4rem;
}
#homepage-message .right-section a {
padding: 5px 20px;
}
}
.
