[dotcomma000Participant]

Hi,

How do I overlay a button shortcode on top of an image? Similar to the section headed “TRANSPARENT SQUARE (ON BACKGROUND IMAGE)” at the following link:

http://theme.co/x/demo/renew/1/shortcodes/buttons/

Thanks!

[John EzraMember]

Hi there,

Thanks for writing in.
There are a few ways to do this. Two general ways are both via CSS. One way is to set an image element and then us CSS on the button to position it over the image.

The other way is to use the CSS background image property to set a background to the button or a containing element.

You can read more about it here. http://www.w3schools.com/cssref/pr_background-image.asp

If you have something set up already and having trouble, provide us a URL and we’ll take a look and see if we can come up with a tailored solution for you.

Hope this info helps! thanks!

[LinkMeInGuidesParticipant]

This reply has been marked as private.

[LelyModerator]

Hi There,

Upon checking, there’s something weird on the structure. Inside section 8, you have section 9 with background image, then below it is your button. That button is outside the section with background image. Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[LinkMeInGuidesParticipant]

I managed to do it now. Thanks very much for your clarification! 😀

[Rue NelModerator]

You’re welcome!
We’re glad we were able to help you out.

[Author]

Posts