transparency issues and test results. Still having issues

  • benbftg
    Asked on February 16, 2015 at 4:01 PM

    Sorry for the new post for the same problems. I thought it would be best if I simplified the site that I was having issue with.

    The previous posts I was not seeing the form on mobile devices. Also there was transparency problem. Tech support was working through this and it was getting confusing and it could part of the problem could have been with the Adobe Muse site I was working on. So I simplified the site, deleted the cloned form I was working with, and used the original form tech support fixed in the text editor for the background in the css code “transparent” instead of fffff

    I am still having the transparency issues and some other problems. I am using adobe muse. I am inserting the html or script as I should. This is regarding the form Happy Lather Contact Form.

    I ran a series of tests. This is the process I used which afterwards dropped it into the simplified site of www.sensitiveskinsoaps.com:

    test 1. Embed form> embed> copy script. result: form not transparent, design mode only shows half of the form, form sends to designation.

    test 2. Source code> copy> paste, design mode only shows half of the form, form sends to designation.

    test 3. Embed form> source> copy. result: form is transparent, captcha doesn't load. Just spins. Click to submit and it goes to a new blank page for the captcha to load. fill it in and form sends.

    test 4. Embed form> iframe> copy code. Result: forms not correct, too tall, not transparent, form sends.

    test 5. Source code> embed OPTIONS> embed. Result form not transparent, captcha works, form sends

    test 6 Source code> embed OPTIONS> source> copy. Result form IS transparent but form is too tall, captcha does not load, goes to second blank page to fill out captcha, form sends.

  • jonathan
    Replied on February 16, 2015 at 5:15 PM

    Can you please try adding the CSS code into your jotform

    .form-all {

        background-color : transparent !important;

    }

    transparency issues and test results Screenshot 20

     

    It should make the background-color transparent.

    We do have a guide on how to embed to Adobe Muse

    user guide: http://www.jotform.com/help/99-Adding-Form-to-Adobe-Muse

    try following the user guide also.

    Hope this work. Let us know if still not.

    Thanks.

     

     

     

  • benbftg
    Replied on February 16, 2015 at 5:30 PM

    the code shown above says

    background-color:transparent!important;

     

    but the window on the right does not have important

     

    which is it?

     

  • jonathan
    Replied on February 16, 2015 at 5:34 PM

    I apologize. It was a typo on my part.

    Please use this one to make it takes higher priority (!important)

    .form-all {

        background-color : transparent !important;

    }

     

    Thanks.

  • benbftg
    Replied on February 16, 2015 at 5:38 PM

    did not make a difference.

  • benbftg
    Replied on February 16, 2015 at 5:43 PM

    i tried this with the embed>source>copy source code. it is transparent but the captcha does not load

  • jonathan
    Replied on February 16, 2015 at 5:47 PM

    I could see it still not transparent on your website.

    Can you please redo the full source embed?  Make sure to clear first any previous code remnant from previous embed code.

    I will wait for your update.

    Thanks.