Shediweb Forum
Meta theme Browser colour Html Code - Printable Version

+- Shediweb Forum (https://shediweb.com.ng)
+-- Forum: Programming (https://shediweb.com.ng/Forum-Programming)
+--- Forum: Html (https://shediweb.com.ng/Forum-Html)
+--- Thread: Meta theme Browser colour Html Code (/Thread-Meta-theme-Browser-colour-Html-Code)



Meta theme Browser colour Html Code - Shedi - 01-09-2025

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.
  • 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.
Example Customization for NetPen Pro
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.