Editing Text

Adding a Text Box

Here are the steps to add a text box: 

1

Click on the  Text section in the  panel on the left and then select any of the  text box hierarchy types depending on their varying font sizes and weightage. 

A typography hierarchy will help to create a structure and organization for your visual so you can establish an order of importance within your visual. 

By default, the fonts are Open Sans but you can edit the fonts. 

2

Click and drag the box to anywhere on the canvas. Double-click on the text box to edit the text.

Editing a Text Box

You can also change some properties of a single word or selection within a text box. Here are ways you can customize your text in Piktochart: 

Change Text Font

1

Double-click to edit the text. 

2

Select a font by clicking on the Font drop-down  on the top menu. You can scroll to view all of your choices. If you have any brand fonts set, they will be listed under Uploaded Fonts, above the available System Fonts listing. 

Change Text Color

To change the color of your text:

1

Double-click the  text you wish to modify. 

2

Click on the  color tile on the top panel beside the Font option. You can change the color by choosing a default color, pasting a #HEX code, or selecting from the color slider or color wheel. Also, you can use our color dropper tool   

3

Click anywhere outside of the color tool to set the color.

4

Once you have set a color, you may also find the selected color under Recent Colors.

Resizing Text Box

When you select a text box, you will observe the handlers located at the sides. Simply drag the corner boxes on the left or right to resize them based on your requirements. A smaller text box will result in automatic text wrapping or overflow to the subsequent line.

You have the option to align your text box with an image or icon using the vertical or horizontal orange alignment guidelines that appear whenever you move your text box.

Rich Text Editor

Our Rich Text Editor allows you to further customize your text. These text customizations are available in the properties menu when you select a text.

Text Styles

Select the B, I, or U icons in the properties menu to Bold, Italicize, or Underline your text.

The selected formatting will apply to the highlighted text. Do note that certain formatting styles might not be available to certain fonts. In that case, the option will be greyed out. Here's an example:

Text Alignment

To adjust the alignment of your text, you can use the Text Alignment tool. You can choose from left-align, center-align, right-align, or justify alignment depending on your design needs.

Bullet List

You can also easily insert bullet list into your text using the Unordered List icon.  Learn more about this function here.

To remove any list properties, simply click the Unordered List icon again to reset your text. 

Line and Height Spacing 

You can adjust the spacing between lines of text or the height within a text box, up to 5 blank lines after each line of text.

Common Questions

Why can't I edit my text? 

As the first step in troubleshooting, can you try using the latest version of either Chrome or Firefox to access Piktochart? There might be instances where other browsers such as Internet Explorer, Edge, and Safari can restrict necessary scripting and may prevent Piktochart from working correctly

How do I fill a text box with color?

To fill a text box with color:

1. Select a basic square shape. Resize the shape and position it accordingly. 
2. Double-click the shape to activate the text function.
3. Type in your text.
4. Further customize the text and the color fill.

How do I add superscript/subscript?

Currently, we don't offer a way to add superscripts or subscripts. 

However, this can be done manually by creating a new textbox and positioning it as desired. Here's an example: