[Resolved] Submit and Input lines – not in line?

[Author]

Posts

[stuart]

I would like the submit and the input on the same line - however, whatever I do it won't line up.

Image attached.

CRED Code -
[credform class='cred-form cred-keep-original']
[cred_field field='form_messages' value='' class='alert alert-warning']

<div class="row ">
<div class="col-sm-6">[cred_field field='lead-email' post='lead' value='' urlparam='' class='form-control' output='bootstrap']</div>
<div class="col-sm-6"><button class="btn btn-default">Show Me</button></div>
</div>
<p>
<div class="row">
<div class="col-sm-6">[cred_field field='lead-email' post='lead' value='' urlparam='' class='form-control' output='bootstrap']</div>
<div class="col-sm-6">[cred_field field='form_submit' value='Show Me' urlparam='' class='btn btn-default' output='']</div>
</div>

[/credform]

[Minesh]

Hello. Thank you for contacting the Toolset support.

This may needs to adjust using some custom CSS but I can tell you once I have problem URL and access details of your install.

*** Please make a FULL BACKUP of your database and website.***
I would also eventually need to request temporary access (WP-Admin and FTP) to your site. Preferably to a test site where the problem has been replicated if possible in order to be of better help and check if some configurations might need to be changed.

I would additionally need your permission to de- and re-activate Plugins and the Theme, and to change configurations on the site. This is also a reason the backup is really important. If you agree to this, please use the form fields I have enabled below to provide temporary access details (wp-admin and FTP).

I have set the next reply to private which means only you and I have access to it.

[stuart]

Just making sure you understand the private message - its a link to google drive where the duplicator files are - as its running locally 🙂 thanks
Stu

[Minesh]

Well - I've added the following code to CRED form:

[credform class='cred-form cred-keep-original']
[cred_field field='form_messages' value='' class='alert alert-warning']

<div class="row">
  <div class="col-xs-12 col-sm-6 col-md-8">[cred_field field='lead-email' post='lead' value='' urlparam='' class='form-control' output='bootstrap']</div>
  <div class="col-xs-6 col-md-4"><button class="btn btn-default">Show Me</button></div>
</div>

<div class="row">
  <div class="col-xs-12 col-sm-6 col-md-8">[cred_field field='lead-email' post='lead' value='' urlparam='' class='form-control' output='bootstrap']</div>
  <div class="col-xs-6 col-md-4">[cred_field field='form_submit' value='Show Me' urlparam='' class='btn btn-default' output='']</div>
</div>

[/credform]

And from:
=> Toolset=> Settings => Forms tab => Styling section => Uncheck the checkbox "Load CRED legacy style sheets on front-end"

I can see its working fine now and showing on same row - you should try to style your submit button accordingly.
=> hidden link

[stuart]

it appears the tick box did the trick - thanks Minesh