Cześć, proponuję użyć css flex, choć rozwiązań jest wiele.
Poniżej przykładowy kod:

.container {
  display: flex;
  flex-wrap: wrap;
}

.container input.side-by-side {
  flex: 1 1 auto; /* Daje inputom możliwość rośnięcia i kurczenia się, ale z domyślną bazową szerokością auto */
  max-width: calc(50% - 10px); /* Zakładając maksymalnie 50% szerokości minus jakiś margines, np. 10px */
}

.container input:nth-child(3) {
  flex-basis: 100%; /* Sprawia, że trzeci input zajmuje całą szerokość */
}

Tam gdzie pisze container możesz podać swje klasy lub id to samo przy .side-by-side.
Możliwe, że twoje inputy czyli pola do wpisywania znajdują się w div’ach lub w innych kontenerach.
Nie mam jak tego sprawdzić nie mam adresu strony.

Gdzie dodać css => Kokpit WP > Wygląd > Dostosuj > Dodatkowy CSS
Tam dodjaesz, działa na calej stronie. Jak chcesz żeby dodać w miejsu gdzie występuje problem to zależy od buildera, dlatego podaję ogolne miejsce i tam zawsze działa.

Jeżeli chodzi o zmianę wielkości fonta to można dodać to w tym samym miejscu.
Znajdujesz nazwę klasy i kożystasz z poniższego kodu

.class{
font-size: 12px !important;
}

Tam gdzie jest .class wpisujesz klasę lub id (wtedy z # zamiast kropki przykład => #id-pola).
To jest ogólna instrukcja, bez zobaczenia kodu trudno napisać jednoznaczne rozwiązanie.