axelya

no error. Sorted?

you want the header from left to right of the screen. How big is the screen. people work with different resolutions and keep the browser window half size sometimes. so there is no fixed width for peoples browser window. and you need to decide on width. Right now the entire page is 940px.
Header is inside the Page and making Header wider you need to widen the Page as well, unless you move it ( Header ) out and make it above the Page.

Making design flexible ( for different window sizes ) you need to work in percent. Like 100% , 66% etc. not in pixels.

your header and navigation is inside page div and page div is limited to 940px. you need to move quite a few things in the theme to get it right.

and also size of the browser window varies from computer to computer.

It is present in source code so it is there. We just don’t see it
I guess it is because the tabs are too big.

arche-g
If you look at the first post in this thread you will see a part of css file and there border-bottom border-left. You can style each border for each image.
Regarding order of posts there might be a way to organize loop function in a way you want.
Happy Birthday ! could it be just comments people leave on that page?

actually if you put two slashes in front of that line in functions.php
like this
//$GLOBALS[‘content_width’] = 800;
it makes this piece of code non functional and it gives you the result you want. If you don’t see any other trouble you can do that too.

So I did some test.
I changed settings to 1200 x 1200 ( in admin panel )
I uploaded photo size of 1200 x 900
created post and attached image to it. OK
When I view the post – the image is 800 x 600 . Good

Now Changes. In single.php you can find line of code.
<?php the_post_image(‘large’); ?>

in functions.php you can find a line of code.
$GLOBALS[‘content_width’] = 800;

Now. If I change the number 800 to 1200 – I get bigger image in my post.
so this number in functions,php responsible for image size.

If I don’t change the number in functions.php , but go to single.php and erase the word large in that line
like this <?php the_post_image(”); ?> – I get bigger image in my post

So I can do it in two ways. Which way is correct I am not sure.

taunot sorry for misleading you, I wasn’t focused
Check in your admin panel settings – media – image size ( large )
it should have max width max height : your image size
and see if it sorts the problem.

arche-g in your home.php find code
<span class="attach-post-image" style="height:300px;display:block;background:url('<?php the_post_image_url('large'); ?>') center center no-repeat">&nbsp;</span>

center center is what you need. Learn about css property for background image as there quite a lot of ways to align it differently.
top left right bottom center or even in % 50% 20% etc. Just remember – you use two values – value for vertical axis and value for horizontal axis.

it is in function.php
there quite a lot of code which is dealing with images.

In fact I use the original autofocus theme and I don’t have this issue. I have autofocus+ installed locally and I did what you do and you are right there is a problem. I tried some way and I managed to make a post without double image in it.
I use “Add an image” button
Then I choose media file from my computer and press “upload”.
And then I do not insert in post
I just save and close the pop window. The image attach himself to the post

You can do it also from media library. You can create posts without images then upload image and attach it to the post.

I know, it is kinda awkward.

I see the title.
I don’t see the problem. Can you give more details.

When I add images I never have double image in my posts. I simply use add image button in editor.
Can you explain how do you add images to posts.

There are number of ways to do that. One of them is to create custom page.
https://codex.www.ads-software.com/Pages#Page_Templates

ok here is the problem : when you center picture which is smaller then the container, the photo-credit part doesnt move with picture.

in your style.css find line
img,img.alignnone{clear:both;float:none;display:block;margin:0 0 1em 0}

and change to
img,img.alignnone{clear:both;float:none;display:block;margin:0 auto 1em}

not fully tested but should work