01-09-2025, 12:37 AM
To set a meta theme color for your MyBB forum so it matches your desired design aesthetics, follow these steps:
Step 1: Add Meta Theme Color to Your Header
The meta theme-color tag is placed inside the <head> section of your MyBB templates.
Step 2: Insert the Meta Theme Color Tag
Add the following code before the closing </head> tag:
Replace #061061 with your desired colour (adjust to match your theme).
Step 3: Save the Template
This sets the theme colour to #ff7614 (GoNaija's theme). Adjust the colour as needed for your specific brand or design.
Step 1: Add Meta Theme Color to Your Header
The meta theme-color tag is placed inside the <head> section of your MyBB templates.
- Log in to your MyBB Admin Control Panel.
- Navigate to Templates & Style > Templates.
- Select your active theme’s template set.
- Open the headerinclude template.
Step 2: Insert the Meta Theme Color Tag
Add the following code before the closing </head> tag:
PHP Code:
<meta name="theme-color" content="#061061">
Replace #061061 with your desired colour (adjust to match your theme).
Step 3: Save the Template
- Click Save Template and refresh your forum to see the changes.
- Explanation
- The theme-colour meta tag changes the colour of the browser’s address bar on mobile devices, giving a more immersive experience.
- This customization works for most modern browsers, especially Chrome on Android and other WebKit-based browsers.
PHP Code:
<meta name="theme-color" content="#ff7614">
This sets the theme colour to #ff7614 (GoNaija's theme). Adjust the colour as needed for your specific brand or design.