Theme Width

Support Area Forums Responsive Visual Theme Width

This topic contains 3 replies, has 2 voices, and was last updated by  Bill Robbins 3 years, 1 month ago.

Viewing 4 posts - 1 through 4 (of 4 total)
URL to the page in question: http://offlinesite.com
  • Author
    Posts
  • #20297

    Adrian Gab
    Participant

    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

    #20301

    Bill Robbins
    Keymaster

    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

    #20314

    Adrian Gab
    Participant

    Greatly appreciated for the quick response.

    Many thanks.

    #20315

    Bill Robbins
    Keymaster

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

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Theme Width’ is closed to new replies.