Need help? Check out our Support site, then


NO clue how to use CSS; how can I get more screen real estate?

  1. I have absolutely no experience with HTML or CSS; it's all completely Greek to me. My blog site, using the Vigilance theme, has lots of unused space on the left side of the page. All my content appears in the center of the page and I am not able to use image files that are wider than 600 pixels. I'd like to be able to use the whole screen, having images that are at least 1200 pixels wide, and still keep my current widgets where they are. Is this possible?

    The blog I need help with is mattemrichphoto.me.

  2. Technically yes, but it will be very difficult for a lot of viewers, who do not have their screens at 1200+ px wide. There are CSS editing resources at the head of the CSS forum if you want to learn how.

  3. First, make sure you realize that different computers will display web pages at different sizes, so the white space on the sides won't be the same for everyone. Here is an example that will make the wrapper for the Vigilance theme wider. I set the header image to repeat, but you can change out the url() value to an image that is 1220 pixels wide if you'd like to use a different header image.

    #wrapper {
    	width: 1220px;
    }
    
    #content {
    	width: 900px;
    }
    
    #header h1 {
    	background: url('http://mattemrichphoto.files.wordpress.com/2012/02/kc0077vigilance.jpg') center repeat-x;
    	height: 180px;
    	width: 100%;
    }

    Note that the example above will manually reset the header image and if you do it that way, you will be overriding the random header image setting on the Appearance → Header page.

    If you wanted to keep the random headers and just center and repeat the image, do this instead;

    #wrapper {
    	width: 1220px;
    }
    
    #content {
    	width: 900px;
    }
    
    #header #title {
    	background-position: center;
    	background-repeat: repeat-x;
    	height: 180px;
    	width: 100%;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic