z-index driving me crazy

bamgraphics · Member · Aug 21, 2012 at 1:58 pm
Copy link

Add topic to favorites
Ok folks – here’s the deal…

http://www.bamgraphics.com/flgq/ has a bunch of z-index items (the theme came with them) that i’ve been laboring over. All I’m trying to do is to make the gold top move in front of the picture of the musicians rectangle below it.

I think there are way too many z-index’s going on with the css now to make this work.

thanks in advance…
zandyring · Staff · Aug 21, 2012 at 2:13 pm
Copy link
I went through and changed all the ones I found associated with the slider to zero (but try this first, and test, since the z-index may come into play when the slider is functioning), and then I added this:
```
.header .logo {
    margin-left: 18px;
    position: relative;
    z-index: 1;
}
```
Specifically – the position and the z-index. Z-index won’t work without the “position” element. I then set the z-index to 1, since all the rest of the them were zero, and one would be the top layer then.

Good luck!
-Z
bamgraphics · Member · Aug 21, 2012 at 2:26 pm
Copy link
wow – You SAVED me! that was two hours of banging my head against the screen! thanks so much!

bam.
zandyring · Staff · Aug 21, 2012 at 2:54 pm
Copy link
Glad to help!
timethief · Member · Aug 21, 2012 at 2:56 pm
Copy link
That’s not a free hosted wordpress.com blog. It’s wordpress.org install and we don’t provide support for wordpress.org installs here at all. Please post to the correct support forum for your software in the future at http://wordpress.org/support/ and do not return here for CSS editing support or any other support to this forum. For clarity read > http://support.wordpress.com/com-vs-org/

No items found.