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.
One of the coolest things that the Jetpack plugin added to the WordPress admin was the CSS Stylesheet Editor. Here is the CSS code that I use to customized with my Twenty Fourteen theme with out building a 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 is nothing new to all you CSS Ninjas. Here we will take a look at background opacity. I will show you how I achieved the look that you see if you click the demo link below. demo For the opacity effect I used rgba. The a is for alpha. 191, 121, 0, 0.2 is the setting that you adjust for the amount of opacity you want to achieve. background: rgba(191, 121, 0, 1.0); background: rgba(191, 121, 0, 1.0); Opacity set to 1.0 background: rgba(191, 121, 0, 0.5); Opacity set to 0.5 background: rgba(191, 121, 0, 0.1); Opacity set to