Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • February 17, 2014 at 10:38 am #224872
    Gavsta

    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
    GQ

    February 17, 2014 at 10:46 am #224879
    Gavsta

    Actually – 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 #225039
    Yigit

    Hi!

    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,
    Yigit

    February 17, 2014 at 11:00 pm #225147
    Gavsta

    Hi – 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 #226496
    Gavsta

    any news on this problem ?

    February 20, 2014 at 6:28 pm #226938
    Yigit

    Hi!

    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,
    Yigit

    February 20, 2014 at 6:46 pm #226949
    Gavsta

    Thanks 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 #226987
    Josue

    Hi!

    I personally don’t know, but here’s a user who tried with PhotoSwipe:
    https://kriesi.at/support/topic/photoswipe-lightbox/

    Best regards,
    Josue

    February 20, 2014 at 7:39 pm #226999
    Gavsta

    Thanks – feel free to close this.

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Launch Prettyphoto Inline Popup from Button on Layerslider’ is closed to new replies.