Custom Page Break Buttons retain border on hover?

  • Profile Image
    mark
    Asked on September 12, 2014 at 05:41 PM

    Even though i have stated that border: none !important; I cannot remove the border from appearing.

     

    Am i doing something wrong?

     

    thanks you,

     

    Mark.

  • Profile Image
    jonathan
    Answered on September 12, 2014 at 06:44 PM

    Hi Mark,

    I checked your form http://www.jotformpro.com/form/40824901753959  on my browser but it looks good already and I could not see any border on the custom page break field.

     

    Can you share to us also a screenshot on how it appears on your end? You can follow this guide on how to include images in your response here.

    -How-to-include-screenshot-image-in-the-support-forum

    Please inform us if you need more assistance.

    Thanks!

     

     

     

  • Profile Image
    snaplash
    Answered on September 12, 2014 at 06:51 PM

    I just fixed it. my page break option were set to the blue theme.

     

    However now that that has been fixed, how do i remove the border that happen on click?

     

    Thank you!

  • Profile Image
    jvd042012
    Answered on September 12, 2014 at 06:53 PM

    Hi mark,

     

    If I check your form on this url the issue is not happening

    http://form.jotformpro.com/form/40824901753959

    However if I go to your webpage the blue border is visible when you hover it

    http://hanky.businesscatalyst.com/

     

    I checked the CSS and I found out these:

    .form-submit-button-blue:hover  { 

    border: 1px solid #3d7fb1 !important 

    }

     

    Change it to 0px

    .form-submit-button-blue:hover  { 

    border: 0px solid #3d7fb1 !important 

    }

     

    Hope that helps.

  • Profile Image
    snaplash
    Answered on September 12, 2014 at 06:59 PM

    Its still happening even on

     

    http://form.jotformpro.com/form/40824901753959

     

  • Profile Image
    jvd042012
    Answered on September 12, 2014 at 07:19 PM

    I checked the form in Mozilla Firefox 31.0 and it works fine. No blue border when you clicked it. I'm still checking how to make it work in Google Chrome.

  • Profile Image
    mark 
    Answered on September 12, 2014 at 07:20 PM

    I just checked it on firefox and there is no border, is there a way to force chrome to eliminate it?

  • Profile Image
    jvd042012
    Answered on September 12, 2014 at 07:23 PM

    Please try this work around. Add this in your custom css.

    button:active {

    outline: none;

    }

  • Profile Image
    mark 
    Answered on September 12, 2014 at 07:47 PM

    Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you.

     

    PERFECT!

  • Profile Image
    jvd042012
    Answered on September 12, 2014 at 07:54 PM

    No problem Mark. I'm glad I was able to resolved your issue.