putting border around my signup form

Resolved Lisa
(@ldanielpour962gmailcom)

10 years, 2 months ago

Thank you so much for making such a great free plug in!

I have set up our email sign up in the sidebar using your plug in widget and everything seems to be working smoothly. I’d like to add a thin border rule line around my sign up form like in the examples you show on your screenshots page at http://wordpress.org/plugins/mailchimp-for-wp/screenshots/.

I’m not experienced with CSS so appreciate any advice you have with how to insert it. My web site is http://gooseling.com using the Customizr theme.

I’ll be adding the sign up for to posts and pages as well once I figure out how to add the border to it. Thanks for your help!

https://wordpress.org/plugins/mailchimp-for-wp/

Viewing 4 replies - 1 through 4 (of 4 total)

Plugin Author Danny van Kooten
(@dvankooten)

10 years, 2 months ago
Hi there,

Something like the following CSS should do the trick.
```
.mc4wp-form {
	border: 1px solid #eee;
	padding: 15px;
}
```
You can add this anywhere in your theme stylesheet, eg using the Theme Editor under WP Admin > Appearance > Editor.

Hope that helps!
Thread Starter Lisa
(@ldanielpour962gmailcom)

10 years, 2 months ago

Thanks so much for your help and fast response! I will take care of entering a great review for your plug in!

2 quick related questions –
1)I’d put my “Subscribe Now” header for my sign up as the title field in my Mailchimp for WP Form Widget box. I presume that’s why the Subscribe Now header isn’t included in the border. Instead should I enter the Subscribe now header in the Plug In Settings > Forms in the Form Mark-Up box? What is the proper way add it there?

2) If I’d like the border to be just a bit darker/deeper, do i just increase the px for example to 1.5 or 2 px in the code snippet you provided –

.mc4wp-form {
border: 1px solid #eee;
padding: 15px;
}
Plugin Author Danny van Kooten
(@dvankooten)

10 years, 2 months ago
Hi Lisa,

1) Yes, you can include the header in the form mark-up without any problems. Just add the following to the top of your form mark-up.
```
<h3>Subscribe Now</h3>
```
2) To increase the border width, use the following.
```
.mc4wp-form {
	border: 2px solid #eee;
	padding: 15px;
}
```
To use a darker shade of grey, use this.
```
.mc4wp-form {
	border: 1px solid #bbb;
	padding: 15px;
}
```
Hope that helps! Thanks in advance for you review, much appreciated! 🙂
Thread Starter Lisa
(@ldanielpour962gmailcom)

10 years, 2 months ago

Thanks a million! I really appreciate your help, and your quick response is awesome! I will give a great review right now.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘putting border around my signup form’ is closed to new replies.

Tags