Michael Arestad

Ah, you end your script with </style> rather than </script>

All of your content is wrapped in a script tag in the header on several browsers. Basically, it is appearing black because there is no content within the body. It’s just a matter of cleaning up a couple tags.

I imagine you want to increase your page width. You’ll have to do that by editing the CSS.

You can hide it with CSS, but it looks like it’s built into your theme somewhere. Try the theme’s settings or the General WP settings.

Can’t answer that without a link to your site.

Well, without knowing what his funtions.php code is, it’s tough to recommend anything, but I’m betting nth-child will come in handy for this situation.

You do not need index.php. You do need this code in the top of style.ccs

/*
Theme Name:     Twenty Eleven Child
Theme URI:      http: //example.com/
Description:    Child theme for the Twenty Eleven theme
Author:         Your name here
Author URI:     http: //example.com/about/
Template:       twentyeleven
Version:        0.1.0
*/
@import url("../twentyeleven/style.css");

Change the values and you should be good to go.

Note: The Template name needs to be exactly the same as the folder name of the parent theme. It is case sensitive. Same thing goes for the import url.

Well, yes and no. It’s a great starting point and safe for general use, but using less or something like it, you can design a style for a very large window and another version for a small window and many iterations in-between. That way, someone with a large or high density monitor won’t be looking at a ton of white space.

Well, there isn’t really a set standard, but a good place to start is the 960 grid.

https://960.gs/ has some slick actions that set the grid up for you in Photoshop.

Now you can also design your site to change it’s appearance based on the width of the browser so that it will look good on almost any device. Check out https://lessframework.com/

Got a link to the WordPress site?

If not body, then html.

It’s probably as simple as

body { background: #333;}

Did you publish the pages after creating them?

There is a blank space on the bottom of the image. Just crop the bottom off a bit and it should work fine.

Firebug is super handy for finding and fixing any number of issues, especially CSS.