1

Configuration

Jonathan Miller edited this page 2026-05-16 22:37:10 +00:00

Table of Contents

• Configuration
• Basic Parameters
• Advanced Parameters
• CSS Custom Properties
• Customising Styles

Configuration

All template parameters are accessible via System > Site Template Styles > MokoJoomHero.

Basic Parameters

Parameter	Type	Default	Description
Logo	Media	(none)	Site logo image. Falls back to the site name as text.
Site Description	Text	(none)	Short tagline displayed beside the logo.
Brand Colour	Color	#1a73e8	Primary accent colour applied via CSS custom property --brand-color.

Advanced Parameters

Parameter	Type	Default	Description
Fluid Container	Switch	No	Full-width layout instead of centred max-width container.
Sticky Header	Switch	Yes	Keep the header pinned to the top on scroll.
Back to Top	Switch	Yes	Show a floating button that scrolls to page top.

CSS Custom Properties

The template exposes CSS variables that can be overridden in a child template or custom CSS:

:root {
  --brand-color: #1a73e8;
  --brand-color-dark: #1557b0;
  --text-color: #333;
  --bg-color: #fff;
  --bg-light: #f8f9fa;
  --border-color: #dee2e6;
  --header-height: 64px;
  --sidebar-width: 260px;
  --container-max: 1200px;
}

Customising Styles

To override styles without modifying the template:

1. Create a Custom HTML module in the debug position
2. Add a <style> block with your overrides
3. Or use Joomla template overrides in html/ for structural changes