How can I adjust this widget to the center ?

Hello,

Please, I need the CSS code that can push the text “Código Deste Viagem” of the Random Value Generator widget to the center of the screen for mobile, as it can follow the number tag below it.

So the result would be like the image below:

Thank you,
Carlos M.

Hi Carlo, 

Thanks for reaching out to Jotform Support. You can use this CSS code to center the alignment to the widget on your form. Let me walk you through it:

1. Copy the code below:

@media (max-width: 480px) {

    #label_10 {

    text-align: center !important;

    }

    #id_10{

    width: calc(100% - 8px) !important;

    }

}

 2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

3. In the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box.

Give it a try and let us know how it goes.

Thank you !