Space on Each side of the page

Support Area Forums Live Space on Each side of the page

Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
URL to the page in question: http://www.lavisitation.org
  • Author
    Posts
  • #20318
    Sheila von Mayer
    Participant

    Is there a way I can decrease the amount of space on each side of the content? The site looks fine on my laptop with the orange being about an inch on each side but when I open it on a larger computer that space grows depending on the size of screen. I hope that makes sense.

    Thanks!

    #20319
    Bill Robbins
    Moderator

    You can make a set of styles for larger displays too. Here’s how:

    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) {
      	
      	#header-content,
      	#footer {
      		width: 1200px;
      	}
      	
      	.wrap {
      		width: 1140px;
      		padding: 30px 30px 45px;
      	}
      	
      	.flexslider .slides img {
      		max-width: none;
      		width: 100%; 
      	}
      	
      	#donate-graph-holder,
      	#donate-description {
      		width: 900px;
      	}
      	
      	#home-left, 
      	#home-middle, 
      	#home-right {
      		width: 362px;
      	}
      	
      	#content {
      		width: 790px;
      	}
      	
      	#sidebar {
      		width: 300px;
      	}
      	
      }
      
    3. Update your settings.

    I believe that should get things going for you with browser windows that are 1250 pixels wide or larger. Let me know if you have any questions or trouble.

    Thanks,
    Bill

Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Space on Each side of the page’ is closed to new replies.