What is a Heading element on Dotcom?
The Heading element of Dotcom is an interactive tool that helps you to insert headings to any page on your Dotcom website. All you have to do is drag and drop the Heading element into the design area and customize the style to convey your message to your website visitors.
The Heading element of Dotcom contains three parts. You can customize each part individually to obtain an engaging heading.
- Heading Element
- Container Row
- Container Column
Now, let’s begin adding the Heading element on Dotcom.
Steps to add the Heading Element on Dotcom
- Go to the Dotcom dashboard and navigate to the desired page on which you want to insert the Heading element.
- Drag and drop the Heading element from the Elements tab.
- Hover over the Heading element. Here, you can edit the heading element, container row, and container column.
1. How to add/edit the Heading element on Dotcom?
- Click the Edit icon. The Customization panel loads on the right side of the screen with three tabs - Content, Style, and Advanced.
Steps to edit the Content of the Heading element
- Go to the Content section.
- On the Heading field, add a suitable heading.
- Use the Link field to link the heading to any other page, file, or external URL. Click the Link icon.
- Click Save.
- Now, let’s adjust the Alignment of the heading. Select the screen type as desktop, tablet, or mobile from the dropdown and adjust the Alignment to left-aligned, center-aligned, right-aligned, or justified for each screen type individually.
- Select an HTML tag for the heading from the dropdown.
Steps to edit the Style of the Heading element
- Switch to the Style tab.
- Start with changing the Text Color. Select the Globe icon to view the Global Colors Select any one of the given options.
- If you want to use any other color, click on the color box and pick a color from the color picker tool.
- You can edit the Typography. Click the Globe icon to select a font style from the Global Font Style set.
- If you want to use any other font style, click on the edit icon where you can change the following parameters.
- Font Family
- Font Size (Unit - px, %, em, or rem)
- Font Weight
- Style
- Transform
- Line Height
- Letter Spacing
- Modify the Text Stroke by clicking the edit icon. Select the unit size as px, %, em, or rem from the size unit dropdown and adjust the size of the Text Stroke.
- In the Stroke Color, select the Globe icon to choose from the Global Colors. If you want to use any other color, click on the color box and pick a color from the color picker tool.
- Next, adjust the Text Shadow. Select the color box to choose the color from the color picker tool. Fill in the X & Y value. Select the unit size as px, em, or rem from the size unit dropdown and adjust the size using the range slider.
Now that the customization of the Content and Style sections are ready, the next step is to customize the Advanced section.
The next part of customizing the Heading element is all about configuring the container column and container row.
2. How to edit the Heading container column on Dotcom?
- Hover over the added Heading element and click on the edit icon for the container column. Like the Heading element, the Customization panel loads on the right side. It contains three tabs:
- Content
- Style
- Advanced
Edit each part individually to build a personalized style.
3. How to edit the Heading container row on Dotcom?
- Similarly, hover over the Heading element. Click Edit of the row container. The Customization panel loads on the right side with three tabs.
- Content
- Style
- Advanced
Adjust each part individually to build a personalized style for the container row.
Along with the above configurations, you can also make general customizations.
That ends our tutorial on how to use the Heading element on Dotcom.
If you have any queries or concerns, we suggest reaching out to our implementation specialist or contacting our support team for further assistance.
To check the pricing plans for Dotcom, we encourage you to visit our pricing page, where you can explore the different options available. If you would like to discover the complete range of features and benefits offered by Dotcom, we invite you to schedule a demo with our team.