Build Your Own Business Website header image

MailChimp

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 Custom Opt-in Form with MailChimp & Thesis 2 – Part 2 – Add the Background Image to the Form

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Now that we’ve created our MailChimp form and added it to a Thesis 2 page, we have to add a nice big background image and then we're going to move some pieces around. Let’s begin with the image. I've already uploaded these images. I've got the big background image which is the opt-in header and

How to Create a Custom Opt-in Form with MailChimp & Thesis 2

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

We demonstrate how to create a highly customized MailChimp opt-in form in a feature box in Thesis 2. We go through the steps of taking the HTML from the MailChimp form, adding it to the site and customizing the code. We then show how to add a background image to the form, add and style a submit button and style the form fields. This is an intermediate level seminar due to the amount of time we spend working with and refining the css code.

Styling a MailChimp Opt-in Box in Thesis 2

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

In this session we demonstrate styling a MailChimp opt-in box in Thesis 2 by deleting and repositioning some HTML code from the widgets panel and striping out its inline styles. We also create a new Agility widget styles package for the opt-in box and give it a style. Member: What I was interested in is

Install, Configure and Style the Social Media and Email Signup Boxes from DIYThemes – Part 5 – How to Style the MailChimp Signup Form

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

In part 5 of this seminar on How to Install, Configure and Style the Social Media and Email Signup Boxes from DIYThemes we show how to style the MailChimp signup form. In the absence of any styling, these forms are going to look exactly the same but you can in fact, style these. And right

Install, Configure and Style the Social Media and Email Signup Boxes from DIYThemes – Part 4 – Install the MailChimp Email Signup Box

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

In part 4 of this seminar on How to Install, Configure and Style the Social Media and Email Signup Boxes from DIYThemes we show how to install and configure the MailChimp email box. And downloading of the signup box is exactly the same for both AWeber and MailChimp. You just click on this and accept