Introducing Title Element

UDesign Heading Element provides a bundle of styling options so that you could make awesome headings easily. This Element could be widely used in your site.

Title Image

Many Style to Choose

Look at these various kinds of heading types. You can use them or customize using styling options depending on your design.

Left align cross

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Venenatis tellumetus vulputate eu scelerisque felis. Vel pretium lectus quam id leo in vitae turpis massa. Nunc id metus aliquam.

Right align cross

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Venenatis tellumetus vulputate eu scelerisque felis. Vel pretium lectus quam id leo in vitae turpis massa. Nunc id metus aliquam.

Featured

Center align custom cross

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Venenatis tellumetus vulputate eu scelerisque felis. Vel pretium lectus quam id leo in vitae turpis massa. Nunc id cursus metus aliquam. Libero id faucibus nisl tincidunt eget. Aliquam id diam maec

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Venenatis tellumetus vulputate eu scelerisque felis. Vel pretium lectus quam id leo in vitae turpis massa. Nunc id cursus metus aliquam. Libero id faucibus nisl tincidunt eget. Aliquam id diam maec

Simple underline

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Venenatis tellumetus vulputate eu scelerisque felis. Vel pretium lectus quam id leo in vitae turpis massa. Nunc id cursus metus aliquam. Libero id faucibus nisl tincidunt eget. Aliquam id diam maecenas ultricies mi eget. Volutpat ac tincidunt vitae semper quis lectus.

Custom underline

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Venenatis tellumetus vulputate eu sce

Title Image

You Can Make

Heading With Links

You can make heading with link button. It allows you to link another site related to your heading title.

  • Show link button.
  • Input Url of link button.
  • Input label for link button.
  • Choose icon from icon library.

Glossary

Title Element Options

Customize Elements Globally or Individually

  • Title: Input your title.
  • HTML Tag: Choose your tag from our list.
  • Type: Choose the type of title.
  • Title Align: Control the horizontal alignment of title.
  • Show Link: Toggle to decide whether link button is shown or not.
  • Link Url: Input url for link button.
  • Link Label: Input label for link button.
  • Icon: Choose icon for link button from icon library.
  • Icon Position: Choose position of icon in link button.
  • Icon Spacing(px): Control space between label and icon.
  • Icon Size(px): Control icon’ s size. Its unit is px.
  • Link Align: Control horizontal alignment of link button.
  • Link Space: Control space between title and link button on mobile.
  • Title Padding: Control space of title.
  • Title Color: Control color of title.
  • Typography: Styling options for title.
  • Link Spacing: Control space of link button.
  • Link Color: Control color of link button.