REA Dual Color Header

REA Dual Color Header Widget allows you to create an eye-catching header with dual colors to create an interactive look for your audience.

Content

Content Settings

1. Content Style - You can select the content style to show the icon and text.

2. Show Icon - You can toggle between show/hide for the icon.

3. Show Separator - You can toggle between show/hide for the separator.

4. Icon - You can select icon from the icons library.

5. Title tag - You can select title tag such as H1, H2, H3, and so on.

6. Title ( First Part ) - Dual color heading is split into 2 parts, you can set the text for the first part.

7. Title ( Last Part ) - Dual color heading is split into 2 parts, you can set the text for the last part.

8. Subtext - You can add a subtext for the heading.

9. Alignment - You can set the alignment for the text.

Separator

1. Separator Position - You can choose the position for the separator to show before or after the title.

2. Separator Type - You can select the type of Separator - Line or Icon.

Style

Dual Heading Style

1. Background color - You can set the background color for the dual color header block.

2. Padding & Margin - You can set the padding and margin to the dual-color header block.

3. Border Type - You can set the border style, width, color, and radius.

4. Box Shadow - You can set the box-shadow to the dual-color header box.

Icon Style

1. Icon Size - You can adjust the size of the icon.

2. Icon color - You can choose the color of the icon.

Color & Typography

1. Title

   1. Main Color - You can choose the color of the last text.

   2. Dual color - You can choose the color of the first text to be a solid color or a gradient.

   3. Typography - You can set the typography for text such as font-size, font family etc.

2. Subtitle

   1. Color - You can choose the color of the sub text.

   2. Typography - You can set the typography for subtitle such as font-size, font family etc.

Separator

1. Alignment - You can set the alignment to the separator.

2. Distance Between Lines - You can set the distance between the separator lines.

3. Margin - You can set the margin to the separator.

4. Width - You can set the width to the separator for the left and right line.

5. Height - You can set the height to the separator for the left and right line.

6. Radius - You can set the border radius to the separator.

7. Background Type - You can set the background color (solid as well as gradient) or image to the separator left and right line.