Issue with z-index...I think

HTML & CSS
1

Link: http://klingstedtbrothers.com/

Ive written the page to use a style to darken the photo being used as the background in each section. I’ve done this by adding a translucent black layer above the photo layer but below the content layer. For some reason however the titles of the section are appearing under the black layer, and I cannot for the life of my figure out why, or how to fix it. Any help would be greatly appreciated. The section titles “Commercial Printing”, “Web Design” etc, should be white, not grey.

Thanks!

2

Hi there Klingstedt-Bros,

and a warm welcome to these forums. :winky:

Try changing this…

.lw-photo-text, .lw-photo-text h1, .lw-photo-text h2, .lw-photo-text h3, .lw-photo-text h4, .lw-photo-text h5, .lw-photo-text h6, .lw-photo-text a, .lw-photo-text p {
	color:#fff !important;
	text-shadow:2px 2px 4px #000000;
	font-weight: bold;
}

…to this…

.lw-photo-text, .lw-photo-text h1,
.lw-photo-text h2, .lw-photo-text h3, 
.lw-photo-text h4, .lw-photo-text h5, 
.lw-photo-text h6, .lw-photo-text a, 
.lw-photo-text p {
        position: relative;
	color:#fff;
	text-shadow:2px 2px 4px #000;
	font-weight: bold;
}

coothead

2 Likes
3

Thanks Coothead! That did the trick. I tip my hat to you sir.

4

 
 
        No problem, you’re very welcome. :winky:
 
 
        coothead

5

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.