How to Customize the Newsletter Block

Hello, I've tried using several different code snippets, but none of them gave me what I was looking for. I just want to reduce the space between the title and the sign up, and have the email address and sign up on the same line. I've attached a screen shot of what I'm trying to achieve.

Here's the site I'm working on.

Thanks in advance!

Try this to reduce the space:

.sqs-block-newsletter .newsletter-form-header-description {
    display: none;
}
.newsletter-block .newsletter-form-header-title {
  margin-bottom: 0;
}
.newsletter-block .newsletter-form-fields-wrapper, .newsletter-block .newsletter-form-button-wrapper {
    margin-top: 0;
}

@Ziggy thank you, that code worked perfectly to reduce the space! Do you have any ideas to remove the sign up button and have all the text on one line? Thank you! 🙂

41 minutes ago, EasySupermarket0010 said:

Do you have any ideas to remove the sign up button and have all the text on one line?

Remove the button or the outline styling? Have a look at this:

https://www.ghostplugins.com/free-plugins/newsletter-block-underline-style

4 minutes ago, Ziggy said:

Remove the button or the outline styling? Have a look at this:

https://www.ghostplugins.com/free-plugins/newsletter-block-underline-style

Thanks for the link. It kinda helped lol. I want my newsletter block to look exactly like the photo I uploaded. The link helped me get rid of the background, but I also want to remove the sign up button. I want all the text (email address, sign up) to be all on one line. Does that make sense? Thanks!