WordPress.com

1. photomatte
   Member
   Jan 7, 2013, 5:54 AM

   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. raincoaster
   Member
   Jan 7, 2013, 6:11 AM

   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. designsimply
   Happiness Engineer
   Jan 15, 2013, 12:52 PM

   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.