[alemoy]

I think the size of the site is 1280px, Can it be smaller?

Thanks

[Sakin]

@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;	
	}
}

[Author]

Posts