This is a follow-up of the Customizing WordPress With Jetpack’s CSS Style Sheet Editor post. I realized that some people don’t want to get stuck using plugins like Jetpack so this post is a quick “how to” on using custom CSS and a simple WordPress child theme.
With all the backgrounds and textures that I offer on my site I feel that there might be a need for a quick tutorial on how to add custom backgrounds to your site. This tutorial also applies if you’re using a website builder like 123-reg, but you will typically have to select the CSS dashboard to edit the CSS code. To start with this you will need one image. Lets start out with a large centered background image.
This amazing plugin will let you make changes to any theme without touching any theme files ever. Your changes will be safe from theme upgrades and even deleted data with the backup & restore feature.
Here is a basic grunge background. Image dimensions are 1600X800px. Took about 10mins to build, PSD included. I started with a center content area size of 960px wide. If you have PhotoShop then you can edit this to fit your needs.