The Fable theme can have an amazing effect if the proper images are used, creating a beautiful website. The problem is it can be difficult to find an image that doesn't make the title and text of each post hard to read. You could spend a lot of wasted time trying to find an image that didn't cause this. Luckily there is an easy fix that will let you use any image you want. In this simple tweak, I'll show you how to add a transparent background to solve this problem.

CSS

Locate your style.css file in /fable-child/

Add this code:

.entry .entry-title, .entry .entry-content {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
padding: 10px;
border: 1px solid #fff;
}

That's it. It's not a perfect solution but it is certainly the easiest and really doesn't distract too much from the background image. The "0.5" is the amount of transparency applied to the background color and can be adjusted however you like. Another option would be to change the background color behind the text to white:

background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);

Just make sure in each post you change the Post Layout to "Light" under ET Settings. This will change the white text to black so it shows up on the white background.