Newsletter Block

Description

The Newsletter Block is used to get your visitors to subscribe and sign-up for your newsletter.

Custom CSS

For style changes across multiple pages, add the code snippet to your Custom CSS panel and each page will be updated.

Advanced Code Injection

For style changes on one page, add the code snippet to the page Advanced Code Injection so only that page will be updated. Enclose your code in style brackets like this:

<style>

.newsletter-block {
}

</style>

Custom CSS

To target the entire newsletter block

/* newsletter block */
.newsletter-block {
}

To target the title

/* newsletter title */
.newsletter-form-header-title {
}

To target the description

/* newsletter description */
.newsletter-form-header-description {
}

To target the input box

/* newsletter form input box */
.newsletter-form-field-element {
}

To target the input box text

/* user input text */
.newsletter-form-input {
}

To target the button

/* newsletter button */
.newsletter-form .newsletter-form-button {
}

To target the disclaimer text

/* newsletter disclaimer text */
.newsletter-form-footnote {
}

To target the post submit text

/* newsletter post-submit message */
.form-submission-text {
}