Build Your Own Business Website header image

Form Input Package

How to Create a Custom Opt-in Form with MailChimp & Thesis 2 – Part 4 – Style the Email Field

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects - ,

Applies to -

The other thing we need to do is style this the same way this is, right? This is the type=text, this is type=email and we could change that to type=text or we could add the type=email to our style. We have a typical form input here someplace, typical post box, typical text input, this is

How to Create a Custom Opt-in Form with MailChimp & Thesis 2 – Part 3 – Style the MailChimp Submit Button

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

Applies to -

Now that we’ve added our background image and submit button to the MailChimp form in Thesis 2, we’re going to move on to styling the submit button. Let's come back over to our images and get this image button. Notice it's 70 pixels by 70 pixels. We'll copy that image, go back to CSS, come

How to Create a Feature Box with Graphics, Text and an Aweber Form in Thesis 2 – Part 4 – Arrange the Form Fields

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

We’re going to continue to refine the AWeber Opt-in form inside our feature box in this Thesis 2 template. We want to float this thing left. That was af-element. And let’s just copy that. Then we’ll just come back over to the CSS and down in our opt in background, we’re going to go to

How to Create a Feature Box with Graphics, Text and an AWeber Form in Thesis 2 – Part 3 – Style the Submit Button

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

Applies to -

Now that we’ve added the AWeber Opt-in Form and a background image to the feature box in Thesis 2, we need to style our submit button. Let’s inspect that element. This is input name = submit class = submit. So what I’m going to do is take this opt in and then for the input