Ah I hadn't noticed that was your blog - I was using that to try and format my table before!

Cheers

I want to move the main bar, with my posts, a bit more to the right. So everything isn't centralised on the left side.

I think you might have changed the layout after you posted this, since I see the main content on the left now.

First, try adding this CSS just in a preview to see where those different elements currently appear:

.site-main .widget-area {
	background: lightyellow;
}

.site-content {
	background: lightcyan;
}

.site-main {
	background: pink;
}

Then see if you can adjust the percentages in the example I posted earlier. If you still can't get it sorted, post back here with a new reply about what you've tried and exactly what's not working.

Can you maybe also tell me how to change the space between the left sidebar (where the widgets appear) and the main bar (where the blogposts appear).

The spacing between those is controlled by the difference between the widget area width and the right margin for site content. Try replacing the numbers from the previous example from before with the numbers in this example:

.site-main .widget-area {
	width: 18%;
}

.site-content {
	margin: 0 28% 0 0;
}

.site-main {
	background-position: 746px 0;
}

Then experiment with changing those numbers until you find the spacing you want.

And changing the maximum width isn't the same as zooming in. Increasing the width means more characters per line of text but same font size. Zooming in means magnification: you can readily do it by pressing command + (Mac) or control + (PC).

I'm using the Twenty Eleven theme, and my website's width is set regardless of the viewer's screen size. For example, there is a massive amount of empty space on either side of the main content when viewing the website on my mum's iMac which has a very wide screen. Can you set it to zoom in when viewed on a larger screen without misplacing the content?

When I added captions to the images it didn't add the "[caption" bits in...

No way. At the moment you've got the table on your page, with captioned images. Edit the page, switch the editor to Text and see for yourself.

Here's what's going on with your table:
The maximum width of a no-sidebar page on Oxygen is 940px. You inserted the images at a width of 300px, which seems reasonable for three images per row, but:
a) Table cells on most new themes have a default padding (space between the boundaries of the cell and the content that's inside the cell).
b) You inserted captioned images. Captioned images have a fixed width, and this width includes 5+5px of extra space left and right (on most themes it's a visible frame that encloses image+caption).
c) So the leftmost image doesn't start flush left (because of the padding and the extra space around the image), and the total width of three images plus space around them plus cell padding exceeds the total width of the page. When this happens, some browser versions can shrink captioned images inside a table but other browser versions cannot.

Also, as Tess already pointed out, Oxygen has a responsive layout. This means that even if you inserted narrower captioned images to produce a result that would seem acceptable to you, again things wouldn't be ok when viewed on a narrower screen: the theme would shrink but on some browser versions the table wouldn't.

So, if you used a table, you'd have to insert plain (non-captioned) images at full-width, type the captions as regular text inside each cell, and use some extra coding (inline CSS, not HTML), to correct the padding and other details.

To learn more about table coding, you can study my tutorial:
http://wpbtips.wordpress.com/2013/04/09/table-coding-for-wordpress-com-users/

But as Tess said, you don't need a table to arrange a few images. You do need to do things manually in the Text editor, however, because the code that's produced when you insert images the normal way (via the Add Media button) won't let you. First copy the URLs of all the pages you link to, and the URLs of all the images. Then use this model for each row of images:

<div class="wp-caption" style="width:32%;float:left;"><a href="PAGE URL HERE"><img style="width:100%;" alt="DESCRIPTION HERE" src="IMAGE URL HERE" /></a><p class="wp-caption-text">CAPTION HERE</p></div>
<div class="wp-caption" style="width:32%;float:left;margin-left:2%;"><a href="PAGE URL HERE"><img style="width:100%;" alt="DESCRIPTION HERE" src="IMAGE URL HERE" /></a><p class="wp-caption-text">CAPTION HERE</p></div>
<div class="wp-caption" style="width:32%;float:right;"><a href="PAGE URL HERE"><img style="width:100%;" alt="DESCRIPTION HERE" src="IMAGE URL HERE" /></a><p class="wp-caption-text">CAPTION HERE</p></div>
<div style="clear:both;"></div>

When I added captions to the images it didn't add the "[caption" bits in...

@justpi thanks, it'd be useful to know why tables didn't work for future reference :)

I am so sorry. Unfortunately I'm working on other things this afternoon. So JustPi, if you can please help the OP.

New problem - I don't seem to be able to have the captions on my photos anymore. When I add a caption in it pushes the second and third pictures down to new lines. When I go into the text editor and delete the gaps (so I see <a) then it removes the caption as well. The html doesn't seem to have changed other than the spaces but the caption disappears anyway.

How can I add a caption into the code for each picture?

A table can be coded to be flexible width but it is unnecessary to bother with all of that.

You can do most of this in the visual editor. Insert your three pictures (full size), each one set to alignleft, one after the other with no line breaks between them. Then click to edit each photo in the advanced mode so that you are adding some margins.
picture 1: margin-left:0px margin-right:2px
picture 2: margin left and right 2px
picture 3 margin left 2px and margin right 0px
Change the width and height of each picture to 32%

Your code will look something like this if you look at the text editor.
Each picture (with its link) will begin with<a>
You should see </a><awith no space or line breaks between to show the second and third pictures on one line.

<a href="http://LINK/"><img class="alignleft" style="margin-left:0;margin-right:2px;" alt="" src="http://PICTURE1.jpg" width="32%" height="32%" /></a><a href="LINK/"><img class="alignleft" style="margin-left:2px;margin-right:2px;" alt="" src="http://PICTURE2.jpg" width="32%" height="32%" /></a><a href="http://LINK/"><img class="alignleft" style="margin-left:2px;margin-right:0;" alt="" src="http://PICTURE3.jpg" width="32%" height="32%" /></a>

Now when you drag the corner of your screen to simulate looking at your page on a smaller screen you should see the picture automatically shrink.

http://victoriajarman.com

I originally set up a photo gallery but then realised that I couldn't have links from the images so inserted a table instead with the images in it but it sticks out to one side.

If the solution involves html please can you provide very straightforward instructions, preferably the exact text itself to insert! I can kinda read html but can't write it.

Thanks!

If you have the custom design upgrade you can adjust this with this little bit of CSS.

.sidebar-left .site-content {
margin: 0 0 0 __%;
}

Pop that into your Custom CSS panel and replace the __ with a number. The original value was 34% (which I found using the "inspector" in Chrome). The smaller the number (the margin on the left of your content) the closer it'll be to the left side.

I hope that helps!

But I was desperate! I had goggled "instagram photo size" and this url came up. SO I assumed you could answer questions on the default printing sizes of instagram photos. Seems like I came to the wrong place. My apologies.

Instagram has zero customer service as I've emailed them and have received no response.

Thanks anyway.

I'm using the Blogum theme but the option to make a page full width with no sidebars isn't available. I'm pretty sure I've used this theme in the past without this issue, so I'm a bit stumped as to why it's happening.

Can anyone help?

This support forum is for blogs hosted at WordPress.com. If your question is about a self-hosted WordPress blog then you'll find help at the WordPress.org forums.

If you don't understand the difference between WordPress.com and WordPress.org, you may find this information helpful.

If you forgot to include a link to your blog, you can reply and include it below. It'll help people to answer your question.

This is an automated message.

I'm not sure how this relates to WordPress. Can you explain?

Thanx in advance!!!

(www.ergenstussenin.wordpress.com)

Thanx in advance!!!

Instead the default was either 8.5 inches or 2.8 inches. What happened to my 4.25 inches and how do I get it back as the default.

THanks.

I found it. Thank youuuu:)

Coming to number 3, I am talking about the header image area. You know it is a rectengular shape. If you have a look at http://www.okuspokus.biz , you will see that the header image has a purple frame. That is because I could not find how to make that area fit the width and height of my image. I need less height.

2-

#content {
width: 72%;
}
#main .widget-area {
width: 19%;
}

3- What exactly do you mean by "slimmer"?

4-

#access {
background: none repeat scroll 0 0 #620E6D;
}