QR Code Reader: How to change the button text and center align it?

Hi!

I have this QR Scanner button and I need to

• center horizontally the button in the container
• center vertically the "Scan QR code" text into the button
• change that "Scan QR code" text to "Escanear código QR"

Also, I want to reduce the vertical spaces on this page.

Thank you!

I am working on your request, but it is taking time. I will get back to you on this soon.

The button seems to be already aligned center. Please inject the following custom CSS code in the widget to make the button text align correctly and also change the text of the button:

div#qrScan {

  color: transparent;

  width: 250px !important;

  padding-left: 0px !important;

 line-height: 2.6 !important;

}

div#qrScan:after {

  content: 'Escanear cdigo QR';

  color: #fff;

  position: relative;

  top: 0;

  left: -12%;

  width: 200px !important;

}

The following guide should help you how to inject the custom CSS code in widget: https://www.jotform.com/help/428-how-to-inject-css-codes-to-widgets/

Hope this helps.

Do get back to us if you have any questions.

Thanks!