Fill in the blanks with columns

Hello,
I'm having trouble with aligning two fill-in-the-blanks elements side by side (2 columns). The first rows of the elements (ABOUT ME) needs to be below the image at the top.

Please advise

Hi Koaching,

Thanks for reaching out to Jotform Support. Yes, it’s possible to place the two Fill in the Blank elements side by side while keeping the About Me field below the top image. We’ll shrink the second Fill in the Blank element and add custom CSS to position the About Me field beneath the image. Let me show you how:

1. In Form Builder, select the second Fill in the Blank element, and click the Gear icon on its right to open Properties window.

2. In Properties Window, click on Advanced tab, and toggle ON the Shrink section.

3. Copy this code:

li#id_73 {

  display: block;      

  clear: both;          

  margin-top: 300px !important; /* pushes it down */

}

4. Then, in Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

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

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