Define the follow form’s design

Use a new form

Already have a form?

Preview

Overall size & border

Adjust size to space on website?

Border?

Background color:

Text above entry field

Font:

Styles:

Font color:

Alignment:

Entry field

Font:

Styles:

Font color:

Alignment:

Background color:

Copy & paste the code on your site

HTML code

Copy code

.followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .form-preview .preview-input-field input:-ms-input-placeholder {
  color: #000000 !important;
}

.followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .form-preview .preview-input-field input::-ms-input-placeholder {
  color: #000000 !important;
}
.followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .form-preview .preview-submit-button {
  margin-top: 10px !important;
  width: 100% !important;
}
.followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .form-preview .preview-submit-button button {
  width: 100% !important;
  height: 40px !important;
  border: 0 !important;
  border-radius: 6px !important;
  line-height: 0px !important;
}
.followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .form-preview .preview-submit-button button:hover {
  cursor: pointer !important;
}
.followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .powered-by-line {
  color: #231f20 !important;
  font-family: "Montserrat" !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 25px !important;
  text-align: center !important;
  text-decoration: none !important;
  display: flex !important;
  width: 100% !important;
  justify-content: center !important;
  align-items: center !important;
  margin-top: 10px !important;
}
.followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .powered-by-line img {
  margin-left: 10px !important;
  height: 1.13em !important;
  max-height: 1.13em !important;
}

</style>
  <div class="followit--follow-form-container" attr-a attr-b attr-c attr-d attr-e attr-f>
    undefined<a href="https://follow.it" class="powered-by-line">Powered by <img src="https://follow.it/images/colored-logo.svg" alt="follow.it" height="17px"/></a>
  </div>

Need instructions where to place it?

Define the follow form’s design

Preview

Get new posts by email:

Overall size & border

Background color:

Text above entry field

Font:

Styles:

Font color:

Font size:

Alignment:

Entry field

Font:

Styles:

Font color:

Font size:

Alignment:

Background color:

Copy & paste the code on your site

HTML code

Copy code

Define the follow form’s design

Preview

Get new posts by email:

Overall size & border

Background color:

Text above entry field

Font:

Styles:

Font color:

Font size:

Alignment:

Entry field

Font:

Styles:

Font color:

Font size:

Alignment:

Background color:

Subscribe button

Font:

Styles:

Font color:

Font size:

Alignment:

Background color:

Copy & paste the code on your site

HTML code

Copy code