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.