WP - Контактная форма 7 - Входные и Btn рядом друг с другим

Question

здесь мой сайт я работает на: http://www.whatsahoy.com/

Моей проблема: Я хочу, чтобы поле ввода рядом с кнопкой. Если я добавлю поплавок влево, он будет рядом друг с другом, но с странным <br>. И тогда все это тоже слева. Я хочу, чтобы это было посередине.

Может ли кто-нибудь помочь мне, пожалуйста? Большое спасибо! Barbara

Answer 1

Чтобы предоставить вам лучшее решение, было бы полезно увидеть исходный код вашей формы. <br>, вероятно, где-то там. Однако, вот мой ответ, основанный на том, что я вижу. Если это не поможет, я предлагаю вам обновить свой вопрос.

Добавление следующих стилей в пользовательский CSS будет помещать поле и кнопку рядом друг с другом, пока ширина экрана не станет 767 пикселей.

.wpcf7-form p { 
    display: inline-block; 
    width: 470px; 
    max-width: 95%; 
} 

.wpcf7-form p br { 
    display: none; 
} 

Если вы хотите, чтобы они рядом с eachother на меньших экранах, вы можете изменить ширину рамки. Это изменяется на 767px в соответствии с вашей темой. Я не уверен, что это не будет иметь нежелательного эффекта в другом месте вашего сайта, но вы можете попробовать.

@media only screen and (max-width: 767px) { 
    .et_pb_row { 
     width: 600px; 
    } 
} 

Однако он будет искалечен на экранах с 600 пикселей. Может быть лучше сделать текстовое поле меньше, чем ...

@media only screen and (max-width: 600px) { 
    .wpcf7 input { 
     max-width: 50%; 
    } 
} 

Вы можете точно настроить это немного, но я надеюсь, что вы получите эту идею. GL!