Find What You Need

Dual Color Heading

 

Main View dual color heading

 

Overview

Unleash a splash of creativity with the “Dual Color Heading” module, where your headings are transformed into eye-catching masterpieces. This module lets you blend two colors seamlessly within a single heading, adding depth and dynamism to your text. Perfect for grabbing attention and emphasizing key messages, the Dual Color Heading ensures your headings are not only noticed but remembered.

With intuitive customization options, you can effortlessly choose and adjust your colors to match your brand or theme. This module takes your text from ordinary to extraordinary, making your headings pop with style and personality. Stand out in any layout with a bold, dual-colored approach that brings your content to life.

 

S1

 

Custom Content

Choose your preferred HTML tag and align your heading to perfection, then select from dynamic layouts—whether you want icons on top, descriptions above, or headings at the bottom. Customize your primary and secondary text with vibrant dual colors to make an impact. Add or hide descriptions and icons effortlessly, tailoring your headings to fit any design.

 

S2

 

Style Primary Heading

Choose between striking gradient backgrounds or solid colors to make your text truly pop. Fine-tune every detail with adjustable font typography, border types, and padding to create a polished look. Customize the distance and gutter settings to achieve the perfect spacing, ensuring your headings stand out with sophisticated flair.

 

S3

 

Customize Secondary Heading

Select from bold background types and colors to set the stage, while customizing font typography to match your style. Define your heading’s character with tailored border types and rounded corners, adding a touch of sophistication. Complete the look with precise padding for a flawless finish.

 

S4

 

Personalize Descriptions & Icons

Customize your description typography to complement your bold dual-colored text, and choose the perfect icon color and size to enhance your design. Adjust the icon distance for ideal placement and balance.

Explore Modules & Docs