How To Place A Button And/Or Text Over An Image In Divi

Why is so complicated to have a simple button over an image like all sites? Thought Divi was an advanced theme when I bought it.

I made the image as background and added the button over it and used position to change its position to the middle of the image with the Vertical positioning. When I did that it became a layer behind the image and not clickable! Any simple solution?

the code for "Add The CSS Snippet To Your Website" does not work, the first two yes

thanks help

Hi- thank you for this. I am struggling to get it corret - when you put the custom CSS in, the button didnt move. You then said you will show us another way with your user-friendly css - which then worked. How do you get that extra side tab CSS ? otherwise how do you make it work just the usual custom css way?

Whilst this works yes. It messes up the rest of my entire homepage :( I have tried to put the CSS everywhere to just the column to just the image it self but it doesn't work. The only way it works is by adding it to the page CSS and that roots all other aspects of what I have on my home page but the image with button on them looks fine. Also altering the spacing within the CSS moves it where I want in a preview however once saved it goes to the center. Again that's not as important as this screwing up the entire rest of the page, but do you have any tips or suggestions how to apply this method to just the bloody image column I want? Cause this is exactly wat I'm looking for but it doesn't work with the rest of my site. Thanks.

I have tried this and the button does not move - just like it didn't move on the video before you used the Chrome code extension. Please help. Thank you.

Thanks! Really appreciate the effort. Made the changes to a couple of images on my new site and it works and looks great.

Thanks for the great tutorial!

We just have one question, would this work if you have multiple images in a column, with multiple buttons?

does everything involve CSS?

can I do this with a full length image?

😅 another question how can I show the code tap that you're using it's nicer than "inspect"

can I do this on the product in the shop page? and please if I could how can I do it I wanna add the add-to card on the product image to show on hover

Just thank you a lot. This was a perfect solution to something I was trying to do. Really appreciated.

you are a God-sent again!!!! Thank you so much! you are helping me so much!

Super helpful! Thank you so much <3

Seems to work for everyone except me. Literally no change. Yes, I followed the instructions.

Tried. Does not work. SAd.

It's realy work when I use that extension but not work when I apply it to my wordpress child

Thanks - so useful

Wow! Awesome! 👍