Adjusting width length of a specific field in fill in the blank.

Hello,

I am trying to adjust the length of a particular field in a fill in the blank element.

I used this code:

I see it on my build, but not on my preview.

Here is the build:

Here is the preview:

Hi Eva,

Thanks for reaching out to Jotfrom support. If you want to make the Pay Period field of the Fill in the Blank element longer, you can apply a custom CSS code.

1. First, copy this code:

#FITB_132 > p > span:nth-child(2){

  width: 350px!important;

}

#\31 32_shorttext-7{

  width: 350px!important;

}

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

3. Now, in the Form Designer menu, click on the Styles tab, scroll down, and paste the code into the Inject CSS Code box. That’s it. The code is automatically saved.

You can also check out this guide about How to Inject Custom CSS Codes. Here's the result:

Also, you can remove the code that you previously entered.

Reach out again if you have any other questions.

Thank you for this code, but how would it work if I wanted to shorten the length of another field within that fill in the blank. i.e. the "Quarter" dropdown field?