Click to Call Widget in Header with Pop Up Image with a Transparent Bckground?

Back for more help with another little new issue :)

I put a widget in the header and put an image (click to call button) I want to link it to a pop up image of some sort.

To do the 1st part of this I followed the instructions from this link below to get the widget in the header…..

kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header

It turned good with a little CSS tweaking, so not real problem there….

However the problem happens when I try to take things further, let me explain….

When people on a desktop computer click on the click to call button, I want a pop up to appear with a transparent background and some text written in the pop up area to give them further instructions and options.

To do this I went into the wordpress widget area and put a text widget in there and added some html to it as follows.

<a href="http://www.private.com/wp-content/uploads/2016/06/pop-up.jpg"><img src="http://www.private.com/wp-content/uploads/2016/06/Click-to-call.png" /></a>

It works but the background is a solid color and not transparent.

If you look at the private site you will see I actually did the exact thing I am trying to do for the “click to book” text which is lower on the page, anyway when you click that “click to book text” that brings a pop up with a transparent background and instruction text that looks perfect there.

But I cannot figure out how to do this for my new “click to call button”??????????

I attached a link with a pic of what things look like now, and a pic of what I would like it to look like etc…./

https://postimg.org/image/a99shi8zr/

Any help would be much appreciated…

Thanks

Ivy

• This topic was modified 7 years, 10 months ago by Ivygrace808.