Email signup banner section

Each email subscription creates a customer account. Learn more


Settings  Description
Background image Select an image to use as the section background.
Image overlay opacity Adjust the opacity of the overlay applied on top of the background image.
Show background image Enable the visibility of the background image.
Background image Select an image to use as the section background.
Image overlay opacity Adjust the opacity of the overlay applied on top of the background image.
Image position

Select image position:

  • Left: Image on the left of the content;
  • Cover: The image serves as the background, with the content overlaid in a container on top of the image;
  • Right: Image on the right of the content.
Hide background image Disable the visibility of the background image, and options related to the image will be hidden.
Desktop content alignment

You have three alignment options to align content horizontally on desktop:

  • Left
  • Center
  • Right
Color scheme

Applying a color scheme to the email signup banner automatically updates all associated colors set in the theme settings according to the created color schemes.

If the image position is left or right:

  • The color scheme sets the background for the content block.
  • The Content Color Scheme controls the text color, countdown bar, and email field.

If the image position is cover and Content Background Color is enabled:

  • The color scheme applies to the entire section.
  • The content container colors are adjusted using the Content Color Scheme.
Content color scheme

This option allows you to select a color scheme for the container.

*Visible when container displayed (Cover image position)

Content background color

Works when image position is cover

Set the background color for the content container.

*Works when image position is cover


Section padding


Setting Description
Top padding The 'Top padding' setting allows you to adjust the amount of space at the top of the section using a slider. 
Bottom padding The 'Bottom padding' setting functions similarly to the “Section top padding” setting, but controls the space at the bottom of the section. 
Top padding mobile The 'Top padding mobile' setting allows you to adjust the amount of space at the top of the section specifically for mobile devices, using a slider.
Bottom padding mobile The 'Bottom padding mobile' setting works similarly to the 'Top padding mobile' setting but controls the space at the bottom of the section for mobile devices.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us