-
How do you place either a semi transparent or not at all transparent, but white overlay over a background image (specified the normal way) so that text can be readable in posts and pages.
It was successfully done here: http://westhovensdesign.nl/amide/?p=23 – there is a white semi-transparent overlay. I’m new to Firebug and still can’t find out which tag this particular item is after 2 days of fiddling. It’s also done successfully here:
http://www.austinamusic.com/ – I REALLY can’t figure out what they are doing because I think they are using a child theme or some other stylesheet in addition to style.css. I’m not quite advanced enough to get how to use child themes yet.Any help would be appreciated. I’d love to use a background, but I want a standard white page column in the middle for readability.
Thanks in advance!
The example you have given simply uses a background image with a centered, semi-transparent layer. See for yourself.
You can add this code for a solid background:
#container { background: #fff; background: rgba(255, 255, 255, .8); // for semi-transparent }
You must be logged in to reply to this topic.