CSS inline newsletter signup form on squarespace - CSS nightmare

[kevindougans]

I'm trying to make a form all in one line instead of over multiple lines/height.

It can be seen on https://grapefruit-crocodile-hdl3.squarespace.com/ (pwd: contagency)

It's supposed to look the attached image, any pointers appreciated.

I've got this far, so far:

form {
  display: flex;
}

.form-item.field.email, .form-item.field.select, .form-button-wrapper.field.submit {
 display: inline-block;
 min-width: 30.8%;
}

.form-wrapper {
opacity: 0.6;
background-color: #000000;
  width: 100%;
}

.form-wrapper .field-list .field  {
  background-color: #ccc;
  border: 1px solid #000000;

}

 

[Johna]

A little bit of your HTML could do 🙂

 

[Deleted member 2829]

I'm trying to make a form all in one line instead of over multiple lines/height.

It can be seen on https://grapefruit-crocodile-hdl3.squarespace.com/ (pwd: contagency)

It's supposed to look the attached image, any pointers appreciated.

A form all in one line ? I can't for the life of me visualize that...
In any case the attached image doesn't look like it might qualify for that.
Could you be more specific on what you want to achieve, and where you got stuck ?

 

[kevindougans]

The image attached above is what I want to achieve... what I have so far doesn't currently look like that on the link and password I provided. Squarespace doesn't allow you to create an all in one line form like I've circled and makes the submit button go on a new line so having to use CSS accomplish it but struggling.