Archived topic
image - z-index - overlaps
5 replies · Started by Steve on July 22, 2021
Hey GP,
I'm remaking this site (linked) and have a question if you'd oblige. Searched around but couldn't find a relevant answer and I hope it helps someone else... No huge rush. I made several attempt bot couldn't figure it out. I'm guessing it's something as dumb as assigning a style, but maybe there's better way?
See this: https://mountainheartwoodworks.com
I like how the images overlay and sort of ribbon together the sections. It's what I'd like to do
At the top in and at the bottom. For more clarification look for these on the page ==>
https://mountainheartwoodworks.com/wp-content/themes/mhw-wptheme-sandbox/assets/img/images/bkta_stamp.png
https://mountainheartwoodworks.com/wp-content/themes/mhw-wptheme-sandbox/assets/img/images/spronsor2.png
Hi Steve,
You just need to insert the image between the sections and give the image a negative top margin and negative bottom margin.
Let me know if you need further assistance :)
Dang, you folks are fast!! Will give a try
We try to be :P
Worked like a charm. Add image.. But w/ container... fiddle with margin neg/pos positions then add z-index to live on top. Looks great.
Thank you again Ying.
Awesome! Glad to be helpful :)