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.
- 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.
- 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.
- 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.
- 1.Icon Size - You can adjust the size of the icon.
- 2.Icon color - You can choose the color of the icon.
- 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.
- 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.
Last modified 2yr ago