Исправить отображение формы регистрации рассылки mailchip на моем веб-сайте

Question

Я добавил подписку на информационный бюллетень на свой сайт, однако он не отображается правильно. Я хотел бы, чтобы кнопка подписки отображалась рядом с полем, в который вы вводите адрес электронной почты. Я добавил следующие css:

#mc_embed_signup_scroll, #mc-submit { 
    display:inline-block; 
} 

Однако его не работает.

http://www.skinmade.com.au/ (см колонтитул)

Заранее спасибо :)

Claire

Answer 1

Входы сами стилизованных display:block по почте шимпанзе CSS, который предотвращает их оказываются в одной и той же линии. Кроме того, div mc_embed_signup_scroll, который содержит их, не имеет установленной ширины, поэтому, если его автоширина недостаточно широка, чтобы входы отображались рядом, кнопка будет перенесена на следующую строку.

Чтобы получить их на той же строке, переопределяют настройки отображения входных элементов, а также установить минимальную ширину на содержащей DIV, чтобы убедиться, что они подходят на одну строку:

#mc_embed_signup input.email, 
#mc_embed_signup input.button { 
    display: inline !important; 
} 
#mc_embed_signup_scroll{ 
    min-width: 350px; 
} 

http://jsfiddle.net/pfwfsq2z/1/