Blog Options
📍 Go to Joomla Admin Panel > Menus > Select your Blog Menu Item > Blog Options
🔹 1. Display Article Information
| Setting | Description | Tip |
|---|---|---|
| Post Type Icons | Show icons for article types (e.g., video, image…) | ✅ Recommended for better user understanding |
| Read Time | Display estimated reading time | ⏱ Helps readers know the length of the article |
| Article Badge | Show badge (e.g., “New”, “Hot”) | 🔖 Highlights important articles |
💡 Options: Show, Hide, or Inherit from parent settings.
🔹 2. Blog Layout Settings
| Setting | Description | Tip |
|---|---|---|
| Use Masonry | Display blog items in a responsive masonry layout | 📐 Great for modern blog layouts |
| Show Intro Text in Category View | Display intro text for articles in category view | ✏️ Gives readers quick insight |
| Hide Extra Fields | Hide custom/extra fields from category view | ✅ Keep layout clean and simple |
🖼️ 3. Image Position & Size
📌 Lead Image & Intro Image
-
Image Position:
Choose from Top, Left, Right, Zigzag, Bottom, or leave as Default. -
Image Width per Device:
Set the image width for:- 💻 Desktop
- 🖥 Large Screens (XL)
- 📒 Laptop
- 📱 Tablet
- 📳 Mobile
📐 Tips:
- For left/right images, choose a smaller width (e.g., 4/12 or 5/12).
- For top/bottom images, use full width (12/12).
🎨 4. Blog Item Layout Style
| Setting | Description | Tip |
|---|---|---|
| Overlay Layout | Show content overlaying the article image | 🎨 Ideal for modern, stylish designs |
| Overlay Content Position | Choose: Top / Middle / Bottom | 📍 Center is often most balanced |
| Show on Hover | Only display content when hovering | ✨ Adds an interactive touch |
| Overlay Background Type | Choose solid color or gradient overlay | 🎨 Use dark overlays for readability |
🎨 For Gradient:
- Choose Start/End Colors
- Select Gradient Type: Linear or Radial
- Adjust Direction or Position
📱 5. Responsive Options
🛠️ Advanced features available in Astroid PRO version. You can skip this if using the free version.
✅ QUICK RECOMMENDED SETTINGS
| Setting | Recommended Value |
|---|---|
| Post Type Icons | Show |
| Read Time | Show |
| Badge | Show |
| Use Masonry | Yes |
| Lead Image Position | Left or Zigzag |
| Blog Layout | Overlay |
| Overlay Position | Bottom or Center |
| Overlay Hover | Yes |
| Overlay Color Type | Gradient |
| Gradient Type | Linear |
🔚 CONCLUSION
⚙️ The Blog Options section in Astroid lets you design a professional-looking blog without coding.
Experiment with settings to find the layout that best fits your site!