Change Text Styles

Step 1: Select the Text or Heading Element

Click directly on the text element within the editor, this could be any text block, heading, or paragraph on your page. This will activate the Settings Panel on the left side of the screen.

Step 2: Access Text Style Options

Once you’ve clicked the text element, the Settings Panel displays a variety of customization options. Here’s what you can adjust:

1. Styles

Choose from pre-defined styles to quickly apply a polished look to your text.

2. Font

Select a font that matches your brand identity. GemPages integrates with Google Fonts, so you’ll have plenty of options to choose from.

You can also upload your font. For more details, refer to this article.

3. Size

Easily resize your text to suit your design. Adjust using the slider or input a specific value.

4. Color

Set your text color. You can choose from the palette or input a custom hex code to match your brand.

5. Font Weight

Control the boldness of your text with options like light, regular, bold, extra bold, etc.

6. Line Height

Adjust the vertical spacing between lines of text for better readability.

7. Letter Spacing

Fine-tune the spacing between characters to create a clean or dramatic effect.

8. Transform

Modify the text case to uppercase, lowercase, or capitalize each word.

9. Shadow

Add depth and emphasis to your text with customizable shadows.

10. Text Align

Align your text left, center, or right to fit the layout of your page.

11. Width

Set the maximum width for your text block to control its horizontal spread.

12. Padding

Add space around your text within its container for balanced design.

13. Background

Apply a background color or image to highlight your text.

Note: 

• Some settings, such as Font Size, Line Height, and Padding, are responsive. This means they automatically adjust to fit different screen sizes.
• GemPages lets you preview how your changes will look on desktop, tablet, and mobile devices.
• To adjust for specific devices, toggle to the appropriate screen size in the editor and fine-tune the values. This ensures your text remains readable and visually appealing across all devices.