{"id":97,"date":"2026-07-18T01:00:14","date_gmt":"2026-07-17T19:30:14","guid":{"rendered":"https:\/\/vvcares.com\/2\/?p=97"},"modified":"2026-07-18T08:23:25","modified_gmt":"2026-07-18T02:53:25","slug":"how-to-change-roundcube-webmail-title-change-logo-change-header-change-footer","status":"publish","type":"post","link":"https:\/\/vvcares.com\/blog\/how-to-change-roundcube-webmail-title-change-logo-change-header-change-footer\/","title":{"rendered":"HOW TO CHANGE ROUNDCUBE WEBMAIL TITLE, CHANGE LOGO-HEADER-FOOTER"},"content":{"rendered":"\r\n
\r\n
\r\n
\r\n

Roundcube has long been the gold standard for open-source, browser-based email. Its lean performance, reliable architecture, and feature-rich interface make it the go-to solution for developers and business owners who prefer to maintain control over their mail servers.<\/p>\r\n

However, the default “out-of-the-box” Roundcube interface, while functional, lacks the brand personality that modern businesses require. In this guide, we provide a deep dive into the 2026 best practices for customizing the Elastic skin<\/b>, focusing on sustainable, professional methods\u2014including the advanced technique of creating a Custom Plugin<\/b>.<\/p>\r\n

1. The Power of the “Custom Plugin” Method<\/h2>\r\n

The most “EEAT” (Expertise, Experience, Authoritativeness, Trustworthiness) way to customize Roundcube is to avoid editing core files entirely. By creating a custom plugin, you “hook” into the Roundcube rendering engine. This ensures your branding survives future software updates without having to manually re-apply changes.<\/p>\r\n

How to Create Your Branding Plugin:<\/h3>\r\n
    \r\n
  1. \r\n

    Create the Directory:<\/b> Navigate to the \/plugins\/<\/code> directory in your Roundcube installation. Create a new folder named my_brand_customization<\/code>.<\/p>\r\n<\/li>\r\n

  2. \r\n

    Define the Plugin:<\/b> Inside that folder, create a file named my_brand_customization.php<\/code>.<\/p>\r\n<\/li>\r\n

  3. \r\n

    Add the Logic:<\/b> Use the following PHP structure to inject your custom CSS or HTML:<\/p>\r\n

    \r\n
    \r\n
    \r\n
    PHP<\/span>\r\n
    \u00a0<\/div>\r\n<\/div>\r\n
    <?php<\/span>\r\nclass<\/span> my_brand_customization<\/span> extends<\/span> rcube_plugin<\/span> <\/span>{\r\n    public<\/span> function<\/span> init<\/span>() <\/span>{\r\n        $this<\/span>->include_stylesheet('style.css'<\/span>);\r\n        $this<\/span>->add_hook('template_object_footer'<\/span>, array<\/span>($this<\/span>, 'add_custom_footer'<\/span>));\r\n    }\r\n    public<\/span> function<\/span> add_custom_footer<\/span>($args<\/span><\/span>) <\/span>{\r\n        return<\/span> array<\/span>('content'<\/span> => '<div class=\"custom-footer\">Powered by MyBrand &copy; 2026<\/div>'<\/span>);\r\n    }\r\n}\r\n<\/code><\/pre>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/li>\r\n
  4. \r\n
    Enable the Plugin:<\/b> Open config\/config.inc.php<\/code> and add 'my_brand_customization'<\/code> to the $config['plugins']<\/code> array.<\/p>\r\n<\/li>\r\n<\/ol>\r\n
    This method is “future-proof.” When you update Roundcube, you simply copy your plugin folder over, and your branding remains perfectly intact.<\/p>\r\n
    2. Navigating the Elastic Skin Structure<\/h2>\r\n
    If you have used older versions of Roundcube, you might remember the “Larry” skin. That era has passed. Today, the Elastic skin<\/b> is the standard. It is fully responsive, meaning it adapts to desktops, tablets, and mobile phones seamlessly.<\/p>\r\n
    To begin any customization, you must navigate to your Roundcube installation directory: \/your-roundcube-path\/skins\/elastic\/<\/code>. Within this directory, you will find:<\/p>\r\n