Ready to craft beautiful headlines, paragraphs, and callouts? This guide will show you how to add and style text blocks inside Grigora's fast website builder. No coding, no complexity — just drag, drop, and style. Perfect for bloggers, business owners, and creators who want clean, impactful content.
Adding Text Blocks to Your Page
Open the Grigora editor and click on "Add Elements" in the left panel to access all available content blocks. You'll find the text block option in the elements list.
Click and drag the text block to wherever you want to place it in your editor. Once dropped, you can start typing your content directly into the text block, making content creation immediate and intuitive.
Accessing Text Styling Options
To access styling options, right-click on the text block and select "Settings". This opens the settings panel on the right side where you can control every aspect of your text's appearance and behavior.
General Text Configuration
Text Structure Control
In the first tab, you can change the text tag for proper content hierarchy. Choose from paragraph, H1 to H6 headings, or span elements depending on your content structure and SEO needs.
Text Alignment
Adjust the alignment to left, right, or center to position your text as needed within your layout and design requirements.
Typography Customization
Under typography settings, you have comprehensive control over text appearance:
Font Size: Adjust for optimal readability and visual impact
Line Height: Control spacing between lines for improved readability
Letter Spacing: Fine-tune character spacing for professional appearance
Word Spacing: Adjust space between words for better text flow
Font Weight: Choose from light to bold weights for emphasis and hierarchy
Text Transform: Control capitalization with uppercase, lowercase, or capitalize options
Text Decoration: Add underline, overline, or other decorative elements
Text Style: Choose between italic or normal styling for emphasis
Color and Background Styling
To change overall colors, switch to the second tab in the settings panel where you can modify visual appearance. You can modify the text color and background color for the entire block to match your brand and design scheme.
Interactive Effects
For hover effects, use the hover option next to the color settings to create interactive styling when users hover over your text. This adds professional interactivity that enhances user engagement and provides visual feedback.
Rich Text Formatting Options
For rich text formatting, simply highlight the specific text you want to style within your text block. You can then apply:
Bold Formatting: For emphasis and visual hierarchy
Italic Styling: For subtle emphasis or stylistic variation
Underline Decoration: For highlighting important information
Strike Through Effects: For showing changes or crossed-out content
Color Changes: For specific text portions that need attention
Background Colors: For highlighted sections that need to stand out
Links: To make specific text clickable and connect to other pages or resources
Advanced Customization
For more advanced customization options, explore the advanced settings tab where you can control padding, margins, borders, animations, and other sophisticated design elements that give you professional-level control over your text presentation.
Professional Text Management
This comprehensive text system allows you to create everything from basic text insertion to rich text formatting and complete typography control. Use these text styling capabilities to:
-
Create clear content hierarchy with proper heading structures
-
Enhance readability through optimal typography settings
-
Maintain brand consistency with consistent colors and fonts
-
Improve user engagement through interactive hover effects
-
Guide user attention with strategic formatting and emphasis