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.