Csaba (LittleBigThings)

You should really unzip them first. But I use a PC, not much experience with Macs…
You could also try to create an empty theme folder first on the server and then select and add the content of your theme folder from your Mac.

[moderated – no need to suggest a certain moderator or volunteer – that’s not how these forums work]

If you already downloaded the themes, then you should just unzip them and put them under wp-content/themes.
If you then check again under appearance, the themes should be there and you can preview or activate them.

Check out this link for more details.

Check the demo site from wordpress.com: that works fine!

Do you work with a child theme? Have you made any changes to the template files?

Sorry about the empty post above, some delay in processing and some re-thinking made me change it, but I couldn’t delete it anymore…

I noticed the image loads slowly since it is way too large (> 3 Mb). You should definitely make it smaller, anyway you will set up your header. You could try height = 477 px and width = 1072 px (crop first to the right width and cut pieces to get the right height, I suggest). This size would fit the center of the header in older browsers.

I think using the above image size would give a good result in most (also older) browsers:

#header {
background-color: #fff;
background-image: url(https://www.recipesaresimple.com/wp-content/uploads/2013/02/Serving_soup-e1369699212825.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}

I hope it works…

For the latest version (1.9.3.3) you should probably just delete the content of style.css from the core: themes/responsive/core/css, but that’s for the whole site…

Why would you want to do that for one page?

#header {
background: url(https://www.recipesaresimple.com/wp-content/uploads/2013/02/Serving_soup-e1369699212825.jpg);
background-repeat: no-repeat;
background-position: center;
}

Try using the right size image. Otherwise you could add the following to the above code:
background-size: contain;
or
background-size: cover;
This latter is a CSS3 property so it doesn’t work with older browsers (more information).

Another good link.

You could also try to use theme frameworks. These ‘starting themes’ have some of the important functionalities of WordPress already implemented.
An example, besides the ones given above, is _s where you can download a theme framework by Automattic.

Have you found this link?
I hope it helps.

Great! ??

Let me sum it up:

– you like the lay-out on a desktop screen
– on a moblie phone you would like to have the header image first, then the search form and then the main menu

Is this correct?
Do you have the blog title and the quote also in the header? If so, where would you like to show them?

You could also leave out the search form from the header completely and put it in the sidebar if you like…

You should use the manual update if you made chenges to the standard themes.
Check this link for a more detailed explanation. Somewhere on this page it says:

‘If you have customized the TwentyTen or TwentyEleven theme, you should not use the automatic upgrade, as it will overwrite your changes – you should use a manual update instead.’

When you update WordPress manually, you should backup the content of ‘wp-content’. This is the folder where your theme is (‘wp-content/themes’). If you paste this content back to ‘wp-content’ after installation of the new WP files, you’ll still have all your costomization.

A drawback may be that you may miss possible updates to the theme. So you may prefer the automatic update of WP. Afterwards you can add your header images again, it is done fairly quickly. The changes that you made to the theme via a child theme won’t be influenced by the update.

Weird… the above CSS suggestion should work.

nav#access {
background-color: #003366;
}

Be sure to spell it correctly and to put it after other possible background settings in your CSS. And indeed, no PHP in style.css.