I am familiar with z-index but no expert. I am building a site using Avada theme, although there is tons of custom code - I've got about 1500 lines of CSS so far. But, if you look you'll see right at the top, a farmer image and a yellow tomatoes image. Each has multiple parent containers and grandparents. If anyone is skilled enough to use browser dev tools and can get the farmer on top of the yellow image, i'd be so grateful.

This is a huge site that is due for major client review tomorrow.

Also, the yellow tomato pic needs to stay below the yellow text as it does now. I thought about moving the farmer into the same column as the yellow image, but, there is already so much code now and, i do have the yellow text on top of the image, so i really hope to fix this using CSS. I can write CSS, just hoping someone is good with z-index in a complicated place like this.

Below images are first my current state, and second the comp's goal - where i need to be.

Whoever has time to help me with this today or tonight i will gladly buy you a cup of coffee via PayPal or Venmo. Or just say thanks if you please! Feel free to go look at it.

http://tfisoistg.wpengine.com/ stac

enter image description here

  • Try adding position relative or absolute property and then try the z-index. If that doesn't work, try adding display block and try again. Let me know if that helped. – David Feb 9 at 21:37

You are using RevoltionSlider as far as I can see. I think you need to move the layers in the timeline of the RevolutionSlider accordingly.

Brutally hacking this with the steelbar is the wrong way I think.

Find the source of the images (html/revslider & css) and compare the z-index of these elements but I think this can be solved within the RevolutionSlider.

  • Thanks - i am using Revolution Slider - but only in parts. In this part only the farmer's image is from Rev Slider. I have been trying adding z-index and a position property to the farmer, and his parents, but have had no luck. I wish all my pieces were in one Rev Slider, because yes we can easily move them up or down in the order there. – bluedimensional Feb 9 at 21:22

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.