Theme Width

[Adrian Gab]

Hi Guys,

My client is asking about increasing the width that this theme uses.

960 seems quite thin by modern LCD monitor standards.

Is there any easy way / method to increasing this width to say 1400px x 933px.

Thanks,
Adrian

[Bill Robbins]

Hello Adrian,

You’re welcome to make it larger for wider displays if you’d like to. This should get you started in that direction:

1. Go to the Theme Options page and select the Styling tab.
2. Scroll down to the Custom CSS box and paste this:

   
   @media only screen and (min-width: 1250px) {
   
   	.front,
   	.wrap,
   	header#primary,
   	footer.primary {
   		width: 1200px;
   	}
   	
   	.flexslider .slides img {
   		max-width: none;
   		width: 100%;
   	}
   	
   	#home-sidebar {
   		height: 745px;
   	}
   	
   	#content {
   		width: 800px;
   	}
   	
   	#content.full {
   		width: 1160px;
   	}
   	
   	#sidebar {
   		width: 320px;
   	}
   	
   }
   

3. Update your settings.

This uses a media query to affect browser windows that are 1250 pixels wide and larger. All the styles inside that query will only apply when the browser is bigger than that.

Hope that helps out. Have a great week,
Bill

[Adrian Gab]

Greatly appreciated for the quick response.

Many thanks.

[Bill Robbins]

Anytime Adrian. Let me know if you need anything else.

[Author]

Posts