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 9 years, 9 months ago by Ivygrace808.

Hello!

There used to be the option of having an overlay dark/light gradient to put on top of the images as part of the “Section Background Overlay”. That option seems not to be available anymore although I can still see the file on the corresponding folder when I checked the directories.

Not sure if this was removed with the last Enfold update (not sure why they would do so) but is there a way to do this gradient in the layout editor mode? Or do I need to do it on CSS?

Thank you.

Is there a way to increase the borders between cells (not on top or bottom) in a grid row?

Hi guys,

I’m using the pricing table element and I want to center the text in the cells vertically. Right now the text is aligned at the top of the cells:
http://fs5.directupload.net/images/160615/lmsvlvmy.png

When I give them display:table-cell; and vertical-align:middle; the whole pricing table gets broken.

Looking forward to your answer!

Greetings,
Linda

Hi,

wie kann ich den iFrame von Google Maps responsive machen? Die CSS befehle scheinen nicht zu greifen:

habe es so probiert:

<div class="g-maps">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3101.061508041659!2d14.229112291265675!3d48.24345117276899!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4773969b09367ef7%3A0x43293d8ca0a33b1d!2sCity+Outlet+Pasching!5e0!3m2!1sde!2sat!4v1465984935071" width="1920" height="600" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>

in der style .css:

.g-maps {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 50%; 
}
.g-maps iframe {
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    top: 0;
    left: 0;
}

Ich möchte lediglich die maps responsive und auf 100% breite haben.

Bitte um Hilfe – habe leide nichts im Forum gefunden.

Danke!!