transparency issues and test results. Still having issues

  • Profile Image
    benbftg
    Asked on February 16, 2015 at 04: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.

  • Profile Image
    jonathan
    Answered on February 16, 2015 at 05:15 PM

    Can you please try adding the CSS code into your jotform

    .form-all {

        background-color : transparent !important;

    }

     

    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.

     

     

     

  • Profile Image
    benbftg
    Answered on February 16, 2015 at 05:30 PM

    the code shown above says

    background-color:transparent!important;

     

    but the window on the right does not have important

     

    which is it?

     

  • Profile Image
    jonathan
    Answered on February 16, 2015 at 05: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.

  • Profile Image
    benbftg
    Answered on February 16, 2015 at 05:38 PM

    did not make a difference.

  • Profile Image
    benbftg
    Answered on February 16, 2015 at 05:43 PM

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

  • Profile Image
    jonathan
    Answered on February 16, 2015 at 05: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.