Make All Headings With This

The Riode Heading Element provides you a bundle of styling options so that you could make any kind of heading. Please use our Heading Element widely.

Titles Element Image

Various Cross Styles

The Heading Element provides you the Cross Decoration type. In addition, multiple style options follow this type so that you can customize your headings freely.

Left With Cross

Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. ellus massa, tristique sit amet condim vel, facilisuisacilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim ent id enism sita.sis quis sapi.

Center With Cross

Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. ellus massa, tristique sit amet condim vel, facilisuisacilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim ent id enism sita.sis quis sapi.

Right With Cross

Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. ellus massa, tristique sit amet condim vel, facilisuisacilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim ent id enism sita.sis quis sapi.

Custom Cross

Custom Cross Subtitle Decoration

Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. ellus massa, tristique sit amet condim vel, facilisuisacilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim ent id enism sita.sis quis sapi.

Various Underline Styles

The Heading Element provides you the Underline Decoration type. In addition, multiple style options follow this type so that you can customize your headings freely.

Simple Underline

Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. ellus massa, tristique sit amet condim vel, facilisuisacilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim ent id enism sita.sis quis sapi.

Active Underline

Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. ellus massa, tristique sit amet condim vel, facilisuisacilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim ent id enism sita.sis quis sapi.

Custom Underline

Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. ellus massa, tristique sit amet condim vel, facilisuisacilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim ent id enism sita.sis quis sapi.

Headings With Links

The Riode Heading Element allows you to show your headings with links. It also provides a bundle of link options for customizing links.

Titles Element Image

Link Options

These options allow you to configure and customize your links which are shown with your headings so that you could build your own headings.

Link URL

This option allows you to link through other pages by your heading.
Titles Element Image

Link Icon

This option allows you to configure your link with a certain icon.
Titles Element Image

Icon Position

This option allows you to place your icon after your link or before it.
Titles Element Image

Icon Spacing

This option allows you to control the space between label and icon.
Titles Element Image

Link Label

This option allows you to change a link label as you want.
Titles Element Image

Icon Size

This option allows you to control the link icon size for your heading.

Element Options Glossary

These options allow you to make awesome headings by means of various content options and abundant customization options.

  • Title – Type a certain heading you want to display.
  • HTML Tag – Select the HTML Heading tag from H1 to H6 and P tag, too.
  • Decoration Type – Select the decoration type among Simple, Cross and Underline options. The Default type is the Simple type.
  • Title Align – Controls the alignment of title. Options are left, center and right.
  • Decoration Spacing – Controls the space between the heading and the decoration.
  • Hide Active Underline – Toggle for making your heading has an active underline or not.
  • Show Link – Toggle for making your heading has link or not.
  • Link URL – Type a certain URL to link through other pages.
  • Link Label – Type a certain label of your heading link.
  • Icon – Upload a certain icon of your heading link.
  • Icon Position – Select a certain position of your icon.
  • Icon Spacing – Type a certain number for the space between label and icon.
  • Icon Size – Type a certain number for your icon size.
  • Link Align – Choose a certain alignment of your heading link.
  • Link Space – Type a certain number for the space between heading and link.
  • Title Style – Controls the padding, color and typography of your heading.
  • Link Style – Controls the typography and color of your heading link.
  • Border Color – Controls the decoration border color.
  • Active Color – Controls the decoration active border color.
  • Border Height – Controls the decoration border width. 
  • Active Border Height – Controls the decoration active border width.