Typography Settings - General
Updated over a week ago

With better ideas and the best words beautified, you could make a better impression and conquer hearts. This is where the importance of typography lies. With adequate changes in your style and necessary writing etiquette, your pages will attract and convey your concepts. CodeDesign with its multiple typography settings ensure you the perfection in styling what you write. Let's see how!

While scrolling down the right sidebar of your canvas, you can find different typography elements under the Elements tab. This includes span, text link, paragraph and various kinds of heading patterns. You could use any of these to pre-define your content. Or you could drop a text element and edit them after.

How to Edit the Typography of a Text Component

  1. Drop the type of text you want to add from the default typography elements on your right sidebar. For example, a heading.

  2. Select the text element on your canvas, which needs to be edited.

  3. On clicking the text element, the 'Typography Settings' section will appear on the sidebar.

  4. Type your content in the text box.

  5. And you can make the basic changes such as bold, italics, underline.

Changing Text Color

  1. Make sure the text element is selected

  2. Click on the color picker option as seen in the following screenshot.
    โ€‹

  3. Select the color of your choice OR enter the HEX code for the color. Once done, the text element's color will change instantly to the one you selected.

  4. Click anywhere else on canvas to finish selection process.

Bonus : Learn about 'Spacing and Aligning the Text Element' from this follow up article.

Did this answer your question?