I got the image to at least display correctly now with the “Scroll” background attachment setting and the “Stretch to Fit” background setting. The only problem is now it does not have the parallax effect and this is what I want. In short, I want the image to display exactly as it is displayed now on the site but along with the parallax effect when scrolling. Is there any way I can achieve this?

Thanks for your help.

Hi Ismail,

This is great. Now we are getting closer to a solution. Can you recheck the code again? The code is behaving funny in the sence the black overlay on the page gets displayed but not the physical popup. I have added the code to the code block section on the test page so you can check the result there.

The code I used:

<div class="avia-button-wrap avia-button-center avia-builder-el-6 el_after_av_heading  avia-builder-el-last inline_popup">
<a href="#content-to-open" class="avia-button inline_popup avia-icon_select-yes-left-icon avia-color-theme-color avia-size-x-large avia-position-center ">
<span class="avia_button_icon avia_button_icon_left " aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span>
<span class="avia_iconbox_title">Need to show popup when this button is clicked</span></a>
</div>

Thanks so much for the help. It is appreciated. Almost there.

• This reply was modified 8 years, 5 months ago by joachimpr.

Hi Andy,

Even though I have come across this page in my research, I have not specifically tried the iframe solution as this did not cross my mind to be a solution to the problem seeing as the popups on this page are also being launched from a text link (which I completed successfully with displaying the form). The form is just a mail chimp enfold form that can be used in the advanced layout builder. it also has a shortcode which means it can be embedded in the div to display so there is no external content hence no need for an iframe solution. the method used to display whatever is in the popup is irrelevant here. What is relevant is to actually get the popup to display on the click of the button.

What I cannot get sorted is to get the popup to… well… urr… pop up when the BUTTON is clicked. Not a text link as in these solutions/guides. For more clarity, please check the link in the private content. Thats the url to the test page. When I click on the “Sign up for our limited time offers” button. the form should pop up.

I will create a sample page with all the solutions that I have tried, working and not working and then revert back to you with that page.

Thanks for the brilliant support so far. It is very much appreciated.

Hi Andy,

I went through this whole post and all of its solutions including adding all the code to the functions.php as stated earlier. This post was part of the solutions I have tried. Nothing worked. Clicking the button presents no popups. I can go through it again and add those solutions again for completeness if it would help?

Thanks
J

Hi Rikard,

Please see the temp details.

Thanks
J

Hi Andy,

Thanks for this. I would really like to keep using the standard contact form. The this has to get this value from somewhere though right? I changed the email from the General Settings in wordpress but that did not do the trick. I dont mind changing the email address at its source. The problem is that I cannot locate the source. Could you possibly point out where I can search? or where in the code I can analyze to determine where the contact form is getting this email address from?

Thanks for the help