-
AuthorPosts
-
February 17, 2014 at 10:38 am #224872
Hi
I would like to create some buttons that launch a prettyphoto inline popup from a layerslider. You can see that on this page I have got an iFrame approach working but the form fields of my inline link are showing directly on the layerslider. http://quadris.co.uk/home/datto/
I was just going to use CSS to style a flat button on the layerslider as looking at this forum it doesn’t appear possible to launch a prettyphoto inline form from the theme’s button element. Am I right in this ?
Many thanks
GQFebruary 17, 2014 at 10:46 am #224879Actually – I now see the inline works – it was just the preview screen that showed up the form fields. However, could you give me some advice on the CSS I need to add to create a backgound to my link so I can make it look like a flat button.
February 17, 2014 at 7:13 pm #225039Hi!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.page-id-1011 .avia-builder-el-1 .avia_textblock p a { padding: 10px; background-color: red; color: white; }
Regards,
YigitFebruary 17, 2014 at 11:00 pm #225147Hi – thanks, that worked for the link on the page but I need help with the “test button 2” that is on the second image of the layerslider on this page.
I have used the following html in the paragraph entry for this slide on layer 2
Test Button 2
<form>
my form details
</form>I used the style tab for this layer and set the background to red, rounded the corners and set the font to white. However, the font colour does not work but the other two styles do.
Also, when I click “Test Button 2” it launches the popup fine but positions it in the middle of that page which means it scrolls the page down first. How can I stop it doing this? I.e. I want prettyphoto to launch on top of the page as it is being looked at by the user.
February 19, 2014 at 11:53 pm #226496any news on this problem ?
February 20, 2014 at 6:28 pm #226938Hi!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.ls-layer p a { padding: 10px!important; color: white!important; }
When you click on links, they go to #inline-1 as they supposed to. I do not think that it could be changed easily
Regards,
YigitFebruary 20, 2014 at 6:46 pm #226949Thanks for this. The css worked. I’ll have a dig around. Do you know of any other popup plugins that people are using successfully with Enfold?
February 20, 2014 at 7:26 pm #226987Hi!
I personally don’t know, but here’s a user who tried with PhotoSwipe:
https://kriesi.at/support/topic/photoswipe-lightbox/Best regards,
JosueFebruary 20, 2014 at 7:39 pm #226999Thanks – feel free to close this.
-
AuthorPosts
- The topic ‘Launch Prettyphoto Inline Popup from Button on Layerslider’ is closed to new replies.