Page Break Transparency

  • Profile Image
    thespanishfactory
    Asked on October 26, 2012 at 03:25 AM

    I have set the color of my form transparent but when i put a page break on it, this part is not transparent. What CSS code i need to inject?

    I tried this but it is not working background-color: #0000

  • Profile Image
    pinoytech
    Answered on October 26, 2012 at 04:06 AM

    Hi there,

    Inject this code into your form.

    .form-pagebreak {

    border-top: none !important;

    background: none !important;

    }

    If you need further assistance, feel free to contact us at anytime.

    Thank you!

  • Profile Image
    thespanishfactory
    Answered on October 26, 2012 at 04:45 AM

    Hi,  thank your for you reply.

     

    It is still not working http://form.jotformpro.com/form/22983517718969

  • Profile Image
    idarktech
    Answered on October 26, 2012 at 04:51 AM

    Hello,

    My colleague's code is correct but there's something wrong with your previous codes that's why it won't take effect. Please find this in your code:

    .form-textbox, .form-textarea, .form-dropdown {padding: 2px 2px !important;{

    Notice the bolded red symbol? It should be (reversed) so the code should be this.

    .form-textbox, .form-textarea, .form-dropdown {padding: 2px 2px !important;}

    That should fixed everything. Thanks!

  • Profile Image
    thespanishfactory
    Answered on October 26, 2012 at 04:51 AM

    OK, it is working now but only beuse i put the code on the top of the Inject area..

     

    I see, i am going to change it. Thank you so much, i really apreciate it.

  • Profile Image
    liyam
    Answered on October 26, 2012 at 05:02 AM

    Thank you for letting us know, thespanishfactory.

    If you have more questions or if you're in need of further assistance, please do let us know.  We'll be more than happy to assist.

  • Profile Image
    thespanishfactory
    Answered on October 26, 2012 at 05:05 AM

    One question more about this if you dont mind,

     

    it is about to align the page break buttons to the right. What i would need to inject?

  • Profile Image
    liyam
    Answered on October 26, 2012 at 05:17 AM

    Hello thespanishfactory.  You can try injecting this code:

    .form-pagebreak-back-container, .form-pagebreak-next-container { position: absolute; right:0; }

     

  • Profile Image
    thespanishfactory
    Answered on October 26, 2012 at 05:47 AM

    Works! Nice.

    I used this one and now it is perfec. 

    .form-pagebreak-back-container { position: absolute; left:0; } 

    .form-pagebreak-next-container { position: absolute; right:0; } 

    Best customer service ever :)