Problem with in line form.

Hi Thomas.

There is a container called mailchimp-form that needs to be wider to allow the form to be on one line.

This code got the form to display inline for me:

.mailchimp .mailchimp-form {
    width: 100%;
}

#yikes-mailchimp-container-1 .empty-form-inline-label .empty-label {
    display: none;
}

You have a few options to add CSS code:

• If you created this theme yourself, you can just add it to your style.css file
• If you’re using a theme you downloaded or bought you can make a child theme and add the code to your child theme’s style.css file
• Your theme may have a “Custom CSS” option. If it does, then you can just pop it in there.
• You can use a plugin like Simple Custom CSS or Jetpack and enter the code in their Custom CSS area

Thank you!
-Tracy

Here you go!

.mailchimp .mailchimp-form {
    padding-top: 14px;
    width: 70%;
}

#yikes-mailchimp-container-1 .empty-form-inline-label .empty-label {
    display: none;
}

.yikes-easy-mc-form .submit-button-inline-label .yikes-easy-mc-submit-button.btn-primary {
    background-color: #c7a973;
    border-color: #c7a973;
}

Your theme also has a hover and focus state with colors for buttons, so you’ll need to adjust those as well like so:

.yikes-easy-mc-form .submit-button-inline-label .yikes-easy-mc-submit-button.btn-primary:hover,
.yikes-easy-mc-form .submit-button-inline-label .yikes-easy-mc-submit-button.btn-primary:focus {
    background-color: #c7a973;
    border-color: #c7a973;
}

You may want that to be a different color than #c7a973

To do that add border-radius: 0;

Like this:

.yikes-easy-mc-form .submit-button-inline-label .yikes-easy-mc-submit-button.btn-primary {
    background-color: #c7a973;
    border-color: #c7a973;
    border-radius: 0;
}

Sure, my pleasure.

Have a good day!
-Tracy