Blog Content
The Blog Content section is designed to highlight editorial or blog-related content with optional imagery and tagging for better context and navigation.
General Settings
Content
Main section title
Sets the main heading of the Blog Content section.
This title is displayed at the top and helps introduce the content area.
Layout & Spacing
Top padding
Controls the spacing above the section.
Bottom padding
Controls the spacing below the section.
Design
Color scheme
Applies a predefined color scheme to the section, ensuring consistency with the overall theme design.
Image
Pick an image
Optional image displayed within the Blog Content section.
Can be used as a visual highlight or editorial thumbnail.
Image alt text
Defines alternative text for the image to improve accessibility and SEO.
Image Tag
Image tag
Displays a small label or tag on the image (e.g. Tips & Tricks, Editorial, Guide).
Image tag URL
Optional link for the image tag.
When set, clicking the tag navigates users to the specified page.
Advanced
Custom CSS
Allows adding custom CSS rules scoped specifically to this section for advanced styling or layout adjustments.
Blog Content – Blog Block
The Blog block represents a single editorial or blog item within the Blog Content section.
Each block can be used to highlight an article, guide, or featured content with rich visual and text options.
Content
Heading
Defines the main title of the blog item.
Additional description
Optional rich text field used to provide a short summary or supporting description for the article.
Linking
Article link
Sets the destination URL for the blog item.
This can link to a blog article, editorial page, or any custom URL.
Background Image
Pick an image for background
Selects the background image displayed behind the blog content.
Image alt text
Defines alternative text for the background image to improve accessibility and SEO.
Image Tag
Image tag
Displays a small label on the image (e.g. Tips & Tricks, Editorial, Guide).
Image tag URL
Optional link for the image tag.
When set, clicking the tag navigates to the specified page.
Colors
Text color
Controls the color of the text displayed on top of the background image.
Supports transparent or solid color values depending on design needs.
Badge
Enable badge
Toggles the visibility of a badge on the blog item.
Badge title
Text displayed inside the badge (e.g. Sale, New, Featured).
Badge color
Background color of the badge.
Badge text color
Text color of the badge label.
Notes
- Multiple Blog blocks can be added to create a flexible editorial layout.
- Background images and text colors should be chosen carefully to maintain readability.
- Badges are ideal for highlighting special content such as promotions or featured posts.