Overlay text column section

With the Overlay text column section, you can add color overlay filters that add a color tint to your text displayed to improve the readability of your content. Colors and opacity are fully adjustable with the color palettes in this section.

This section is useful when:

  • You want to improve customers' reading experience when browsing your store pages.
  • You want to add more color contrast to intrigue customers.

In this guide, we will demonstrate how to create an Overlay text column section in Nova 2022.

Creating an Overlay text column section

1. From your Shoplazza Admin, go to Online Store > Themes and click the Customize button.


2. Click the Add section to see more available sections for this theme.


3. Under Theme sections, select the Overlay text columns sectionand customize your configurations.


4. If you would like to reposition the Overlay text column section, use the Drag indicator to place anywhere on the layout.


5. In the added Overlay text column section, edit the title for this section.


Section padding

1. The padding editor is used to generate extra space around the section you create. Activate the linkage icon and type a value (measured in pixels) in any of the 4 columns to add buffers around the section or you may manually adjust each input by disabling the linkage icon in the centered area.


2. The screenshot below is an example use of 50px spacing on each side.


3. Here, you can select to preview on desktop or mobile.


Editing your Text column with image section

1. Refer back to the main editing page and manage each block separately.


2. In the added column block, you are given more options to edit the image content.


3. Use the Image Width drop down menu to resize your images.


Color overlay

1. Enable this feature to turn on color overlay to enhance readability of your text content.


Headings and text

1. The Heading and Text section is where you can edit your writing content.



1. Here, you are also given options to set up optional buttons to redirect customers to other pages of your store.


2. Customize the color of the overlay.


3. Here, you have more options to customize the color of your text and buttons.


Having an Overlay text column section is a great way to reduce visual stress through color shading. An effective Overlay text column section also makes your text more readable.

Was this article helpful?
0 out of 0 found this helpful



Please sign in to leave a comment.

Live chat