Title and text hard to read fix
If you find this tweak helpful:
Beginners
Tweaking Elegant Themes involves creating a child theme and editing PHP and CSS files within a text editor. If you have never done this you may want to read our guide on creating a child theme. All tweaks are written with the assumption that you have a default installation of your theme. Any tweaks or changes you may have previously made to your theme could affect the outcome of the tweaks on this site. All tweaks should be tested before applying to a live site.
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.
1 Comment
Hiya,
I’ve tried this and it’s changing my static pages as well. I just want this to show up for posts – is this possible?
May 4, 2017