This forum is no longer open and is for reading/searching only.

Please use our new MachForm Community Forum instead.

MachForm Community Forums » MachForm 3

Want to make iframe background transparent...


  1. tmparisi
    Member

    I have a form that is inserted into my HTML page via iframe:

    <iframe height="1000" frameborder="0" src="http://www.a.com/machform/embed.php?id=8"><a href="http://www.a.com/machform/view.php?id=8" title="Online Reservation">Online Reservation</a></iframe>

    What I want to accomplish is to make the background on the form transparent, this way only the fields show up on the iframe, and it otherwise looks like there is no iframe.

    I have not touched any of the standard css on the form, nor do I know much about css.

    Is there a way to accomplish this task?

    Posted 12 years ago #
  2. tmparisi
    Member

    This actually relates to version 3.

    Posted 12 years ago #
  3. yuniar

    I think we've replied to your email regarding this one. Let's continue there instead.


    MachForm Founder

    Posted 12 years ago #
  4. tmparisi
    Member

    Yes, so other have the information in this forum, here was the answer that worked for me:

    Search for this code:

    #form_container {
        background: none repeat scroll 0 0 #ffffff !important;
        border: 1px solid #CCCCCC;
        margin: 0 auto;
        text-align: left;
        width: 640px;
    }
    
    body {
        background-color:#ffffff;
    }
    
     and change the code to be like this :
    
     #form_container {
        background: none repeat scroll 0 0 transparent !important;
        border: 1px solid #CCCCCC;
        margin: 0 auto;
        text-align: left;
        width: 640px;
    }
    
    body {
    
    }
    
    label  {
    color:#fff !important;
    }
    
    .symbol  {
    color:#fff !important;
    }
    
    .form_description  {
    color:#fff !important;
    }
    Posted 12 years ago #

RSS feed for this topic

Reply