Style Submit button

Hi Pete,

You can style the submit button without much issue. There is currently a class on the submit button which enables styling.

The class applied to each submit button is .ykfmc-submit.

Here is an example of a flat green button applied to the submit button:

/* Green Flat Button Styles */
.ykfmc-submit {
  position: relative;
  vertical-align: top;
  width: 100%;
  height: 60px;
  padding: 0;
  font-size: 22px;
  color: white;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  background: #27ae60 !important;
  border: 0;
  border-bottom: 2px solid #219d55 !important;
  cursor: pointer;
  -webkit-box-shadow: inset 0 -2px #219d55;
  box-shadow: inset 0 -2px #219d55;
}
.ykfmc-submit:active {
  border-top: none !important;
  top: 1px;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

If you wanted to add seperate styles depending on the form, you could use the ID applied to the entire form.

Something like :

#yks-mailchimp-form_0-fd93b3bdaa .ykfmc-submit would add the styles only to the 0-fd93b3bdaa form submit button.

You’ll want to add these styles into your theme or your child themes style.css file. I’ve tested the above on a TwentyThirteen theme installation, and things seem to work without a hitch.

Let me know if that helps!

Thanks,
Evan

Hi Pete,

No problem at all. You probably changed the submit button inside of shortcode_form.php.

Best,
Evan

Hi worth designing,

Please start up your own thread, explain the issue you are facing and what you have tried to resolve it. Then you can provide a link to your site so we can take a look. This is a resolved thread and will no longer be viewed or receive responses.

Thanks
Evan

No problem at all, and thanks for the positive review! Have a wonderful afternoon!

Evan