Arrangement of Newsletter Form Elements

[AMBESTENGESTERN]

Hello there,

i’m just working on a newsletter form for a client page. I try to get the input fields and the button of the form in one line for the desktop view. I tried to find the right CSS but could manage to get it like it should. Could you please take a look, it would be great if you could find a solution.

i found this topic in the support https://theme.co/apex/forums/topic/x-theme-mailchimp-input-form-width/
but wasn’t able to change my CSS so that it floats like it should.

Cheers,

Marco

[ruenel]

Hey Marco,

Thanks for posting in! Regretfully the url of the page does not exist. Is it in draft mode at the moment?To better assist you with the issue, please provide us access to your site so that we can check your settings? Please create a secure note with the following info:
– Link to your site
– WordPress Admin username / password
​
To know how to create a secure note, please check this out: https://theme.co/apex/forum/t/how-to-get-support/288

Regards.

[AMBESTENGESTERN]

Hi, the page was still in draft mode. Sorry for that!

[ruenel]

Hello @AMBESTENGESTERN,

Thanks for providing the information.

To resolve your issue, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.tco-subscribe-form {
  text-align:center;
  width: auto !important;
  max-width: 100% !important;
}

.tco-subscribe-form fieldset {
  display: inline !important;
}

.tco-subscribe-form fieldset input[type]{
  margin:0 !important;
}

.tco-section .x-subscribe-form fieldset {
  margin-bottom: 5px;
  width: 100%;
}

We would love to know if this has worked for you.