This page is a practical style guide for the content blocks included with GenXora. Most examples can be pasted in HTML view, while ordinary headings, lists, images, and quotes also work from Blogger's writing view.
Table of contents
Typography and basic formatting
A first-line indent is useful for essays, editorial posts, and long-form stories. GenXora keeps the spacing comfortable on desktop and mobile.
GenXora also supports a drop cap for an editorial opening. Use it sparingly so the first paragraph feels intentional rather than decorative.
Good design makes complex information easier to understand, not merely prettier to look at.
A highlighted quote can be used for a key conclusion, customer statement, or memorable idea.
Responsive image layouts
Captioned image
Two-column image grid
Horizontal image gallery on mobile
Notes, accordions, tables, and related links
Use a standard note for helpful context, requirements, or a quick tip.
Warning: Back up your theme before changing template code or replacing a widget structure.
What can be edited from Blogger Layout?
Header widgets, navigation alternatives, hero links, sidebar widgets, labels, footer columns, and ad slots can be managed without rebuilding the page.
Does GenXora support dark mode?
Yes. The interface includes a persistent light/dark toggle and separate dark-theme colors for major components.
Is the article layout responsive?
Yes. Images, tables, cards, menus, sidebars, and typography adapt to smaller screens.
| Block | Purpose | Responsive |
|---|---|---|
| Note | Tips and warnings | Yes |
| Accordion | Expandable explanations | Yes |
| Image grid | Visual galleries | Yes |
| Code block | Tutorial snippets | Yes |
Syntax highlighter and content tabs
<section class="feature-card"> <h2>Build faster with GenXora</h2> <p>A clean, responsive Blogger experience.</p> </section>
<button class="button">Explore</button>
.button { border-radius: 8px; padding: 12px 16px; }Links, buttons, and download cards
Mark an external destination with GenTemplates.
Primary button Outline buttonReference: This demonstration was written for GenXora v1.0 and uses classes already present in the template stylesheet.