Archived topic
How to put a call to action w/button on top of image on my front page?
7 replies · Started by Nancy on January 8, 2019
I'm using GP with the gutenberg editor. How do I overlay the text and button on top of the image?
Hi there,
Don't think there is anything in Gutenberg that will help with this.
Maybe something like this would help?
https://www.w3schools.com/howto/howto_css_button_on_image.asp
You should be able to find all kinds of HTML solutions on Google as well. If it's just regular HTML then they won't be theme specific.
Thank you - I'm not a developer - just learning. I'll try the html & css and see if I can figure it out. Is there by any chance a plug-in to do this?
Hmm unfortuantely I'm not aware of one that does this.
Leo,
I want this too. I want a call to action button on top of an image. Been looking everywhere for advice on how-to. Can't believe its so hard to find as this is a pretty standard design. Silly Gutenberg. I found a discussion about nesting on Github. But nothing definitive.
What do you think about this plugin?
https://wordpress.org/plugins/stackable-ultimate-gutenberg-blocks/
I know it is always a risk adding more plugins.
Generally, I find it easier to use HTML and CSS to accomplish something like that - The example I provided above it's pretty good from what I can tell.
I've tested that plugin a little but felt like Kadence block was a bit better (honestly not a big fan of either of them though).
Hope this helps!
Thanks Leo. I'm sure you are right.
No problem :)