Styling of the plugin form

Hi John,

I just took a look and it seems your theme only applies their button styling rules to elements that have a certain class.

The easiest thing would be to go into your form settings (MailChimp for WP > Forms) and then add the button1 class to your submit button.

<input type="submit" value="Sign up" class="button1">

Hope that helps!

Thank you for your fast reply. That helped.
Can you also tell us how we can adjust the position of the button, the size and the font-style of the titel “Email address”?
I don’t know if you realized it, but the plugin just beside is also from you. It is the Newsl. Sign-up plugin. This one adopted the style of the theme right away.

Thank you.

Hi there,

Yeah I noticed. ?? Looks like your theme has built-in support for my other plugin, as it has CSS rules for the classes that I used in that plugin.

I would add the following CSS rules to your theme its stylesheet.

.mc4wp-form p{ margin: 0; }
.mc4wp-form label{ font-size: 12px; font-weight: bold; }

You can do this by going to Appearance > Editor in your WP Admin.

Ps. I would change the button2 class I mentioned to button1, that’ll give you the white hover effect as well.

Hope that helps! If you have a quick minute, I would really appreciate a plugin review here on www.remarpro.com.

Under which subitem would you recommend to add the css rules?

The style.css of your theme is divided in the following sections.

/* Style Index * /

1.0 – Global
2.0 – Header
2.1 – Top Bar
2.1.1 – Contact
2.1.2 – Language Selection
2.1.3 – Google Map
2.1.4 – Button
3.0 – Navigation
3.1 – Mobile Menu
4.0 – Slideshows
4.1 – Text Slideshow
4.2 – Accommodation Slideshow
5.0 – Typography
5.1 – Lists
5.2 – Forms
5.3 – Buttons
5.4 – Tables
5.5 – Alerts & Messages
5.6 – Other
6.0 – JS Elements
6.1 – Accordion
6.2 – Toggle
6.3 – Tabs
7.0 – Content
7.1 – Blog / Events
7.1.1 – Comments
7.2 – Booking
7.2.1 – Home / Slider Booking Form
7.2.2 – Booking Calendar
7.2.3 – Open Booking Calendar
7.2.4 – Booking Widget
7.2.5 – Booking Contact Info
7.2.6 – Booking Steps
7.2.7 – Lightbox
7.3 – Accommodation
7.3.1 – Accommodation Price Widget
7.4 – Testimonials
7.5 – Pagination
8.0 – Columns
8.1 – One Half
8.2 – One Third
8.3 – Two Thirds
8.4 – One Fourth
8.5- Photo Gallery
9.0 – Widgets
9.1 – Social Widget
9.2 – Flickr
9.3 – Tags
9.4 – Latest Posts Widget
10.0 – Footer
10.1 – Footer Bottom
11.0 – IE Fixes

Ouch, haha. That’s quite a list.

It doesn’t matter that much really, it’s just for personal reference. I think 5.2 Forms would be a good place. Or, make it a habit to place custom CSS at the bottom of the stylesheet.

Anything that makes sense to you and other people involved, technically it doesn’t matter that much.

Thanks again for your outstanding support. ??

Glad I could help, thank you for the kind review!