A few questions

Hey Roy —

Sorry I missed this post.

1. I want the main content, header and sidebar background to be another color (all the same, but other than white I mean). Of course I can edit the stylesheet, but I would rather use the ‘custom CSS’ option. My CSS is not that good though…;

What’s your question? Are you asking how to make those areas a different color in CSS?

2. Same for removing all shadow effects on texts and text colors;

To remove the text-shadow, simply do:

body {
text-shadow: none;
}

3. I noticed that on a wide screen, the custom background shows, but on a ‘normal’ monitor, the content stretches to both ends of the screen. Can I edit things so that the background is always present?;

Not sure what you mean by “normal” and “wide screen” monitors. The content area is set to 1180 px wide, which is fairly standard for modern displays. If you aren’t seeing the background, it’s probably because your display is smaller than 1180 px wide — which is to say that you are in the bottom 10% of display resolutions as of January 2013.

source:
http://www.w3schools.com/browsers/browsers_display.asp
http://www.w3schools.com/browsers/browsers_resolution_higher.asp

4. The add favicon option does not work (the way I expect). I can add as many images as I want, but the screen looks adding an image to a post (including the ‘add to post’ option), but nothing happens and I have no idea how to make a favicon of it. Of course I can also do that manually, but since the option is there, some more info might be helpfull.

The “Insert into post” button exists because I’m using the built-in WordPress media uploader function. Clicking “insert into post” will copy the URL to the image file into the input box for the favicon. The favicon will not display until the options are saved and only after you’ve clicked “insert into post”. You can also just enter a URL to an image file manually.

Keep in mind that not all image files are supported as favicons by all browsers. .ico files are supported universally, and .png files are supported by many, but .jpg files, .gif files and others may not be supported by every browser.

A monitor typically had proportions 3:4 so to say, but my laptop is 10″ and more like 1:2.

Standard screen displays are either 4:3 or 16:9, though some may be 16:10. There are no screens that I am aware of that are twice as tall as they are wide (1:2).

This is not the place to request support on how to write CSS. For that, I would just recommend that you look into any of the hundreds of tutorials, books and guides on writing CSS out there.

I will say that the entire content area is wrapped in a div with the class .content, so — unless you wanted the header, sidebar and content areas to all be different colors than each other, all you should need to do is apply your background color property to .container.

Similarly, if you’re removing the postmeta from sticky posts…Sticky posts have the class .sticky and the post meta is in a div with the class .postmetadata. So all you would need to do is apply display: none; to .sticky .postmetadata.

The custom CSS saved in the theme is loaded after the stylesheet loads, so any custom CSS you want to add/change can be added there instead of editing the style.css.

I’m just not sure I understand the question. You use the custom CSS option by using it. You enter your CSS in that box, and save your options. Those values get stored in the database. When the page loads on the front end, it will load all the CSS and javascript files required by the theme and any plugins you have installed and then after all that it will load the CSS you saved on the options page.

I’ve already told you specifically which CSS classes you need to manipulate. I would recommend using Google Chrome’s Inspect Element feature or the Firebug extension for Firefox to be able to view the source code and highlight where the elements are located on the page as well as debugging/testing any CSS you want to add. I’m not sure what more I can give you, you should have everything you need to get started.