Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 24, 2017 at 8:32 am #737594
    themeacco

    The default Video Slide looks great out of the box with Enfold (not Layer or Revolution).

    But when using a Gravity Form shortcode in the Caption Text – the form doesn’t appear.

    The “Submit Form” buttons appear, as well as some form validation if you try and submit.

    Is this a JS conflict or z-index issue?

    January 27, 2017 at 10:07 pm #739594
    Andy

    Hey Alan,

    to be honest not sure what this is causing, but captions are definitely not meant for any gform shortcodes. So what is gform support saying about this?

    Best regards,
    Andy

    January 27, 2017 at 11:08 pm #739623
    themeacco

    I asked them, and they tested my form shortcode on a regular page.

    As it worked fine they said it was a theme issue :(

    Any ideas?

    January 30, 2017 at 2:25 pm #740180
    Andy

    Hi,

    as already said captions are not meant for any gform shortcodes. So I rather suggest to use LayerSlider instead.

    Best regards,
    Andy

    January 31, 2017 at 9:05 am #740530
    themeacco

    Thanks Andy

    I wanted to avoid LayerSlider (as it’s caused me issues in the past), but I managed to find an elegant solution by using a video background in a color section.

    Just 3 little things I need to fix (the first one may be a bug):

    1. If you open the homepage (that uses Enfold’s Fullscreen Slider) in one tab and /test2/ (that uses a color section at 100% height with an image background) in another tab and compare them – the images line up perfectly in desktop mode. But in a portrait mobile view /test2/ cuts off the girls hair. Don’t know if you’ve noticed this already, but I think it would make sense for the image to get pushed down by the same amount. Do you have a fix for this?

    2. If you look at /test3/ (color section with video background), I’d like to add a freeze frame of the man as a background image – so that while the video is loading the website still looks the same. To make it easier for you to notice I’ve purposefully not used a freeze frame of the video so that the image and video look completely different. Once the video is loaded, the image fades out to black and then the video kicks in.
    a) Is there anyway to turn off this fade out of the image?
    b) Can the black flash inbetween be avoided?

    3) Are video backgrounds for color sections always “Top Center” aligned? And can this setting be changed anywhere?
    e.g. it might be nice for me to change /test3/ to “Top Right” and that way the man will be visible in a portrait mobile view

    =)

    February 3, 2017 at 4:15 pm #742427
    Andy

    Hi,

    1.) You need to define using media queries a different background-image’s position for mobile:

    @media only screen and (max-width: 767px) { 
li.av-single-slide.slide-1.active-slide {
background-position: 58% !important;
}}

    2.) Nothing the theme can do for you. For those functions you need to hire someone or search for plugin etc. with such functions.

    3.) Use this code:

    @media only screen and (max-width: 767px) {
iframe#player_7601_1339227246_1839518688 {
left: -590px;
}}

    and adjust as needed.

    Best regards,
    Andy

    February 8, 2017 at 7:00 am #744223
    themeacco

    Hi Andy

    Thanks a lot, your css worked perfectly.

    You can close this ticket now

    =)

    February 9, 2017 at 5:39 am #744593
    Rikard

    Hi,

    Great, glad we could help :-)

    Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Gravity Form not appearing in default Video Slide’ is closed to new replies.