As I mentioned in an earlier post, I use the Avada theme for all of my websites now. My primary reasoning is that there is almost nothing you can’t do out of the box. While it is still not 100% complete in my opinion, each release brings the product one step closer. As a result of all the capabilities it is often easy to miss a really useful feature or in this case a plugin. The Fusion White Label Branding plugin has been available for some time, but I have never given it any consideration. My reasoning was that I am not worried about Avada branding in the admin section. What I didn’t realize was that the plugin lets you remove some of the WordPress branding, and what really sparked my interest is the ability to modify the login page without the need of yet another plugin.
Installing Fusion White Label
Fusion White Label Branding is found within the Avada plugins library right after the core and builder plugins that are required. If you don’t remember how to get there, it is under the Avada menu.
Once on the plugin screen it is the third plugin after Core and Builder
After the install is completed, you will have a new admin menu item – Fusion Branding.
Now that the plugin is installed, you will be greeted with a wide variety of options and information that will help you get started, but the real power is under Settings. Within the settings tab you have the ability to tweak the WP Admin, some basic Avada setting and branding, the same for Fusion Builder and Fusion Slider, and lastly the WP Login Screen. Both the WP Admin and WP Login Screen are the two areas I was most interested in.
The WP Admin setting allow you to make some significant but simple changes. Things like removing the WordPress logo, or hiding menu items or dashboard widgets. For me the two most useful settings are the Custom Welcome Panel which allows you to add your own dashboard panel. I find this extremely useful if you support a site that has more than one user and gives you the ability to add contact information or a contact form. The other feature I really want to like is the ability to change the labels of the admin menu (Posts, Pages, etc.), but it is not as feature complete as it should be (according to me). While you can change the menu label of Posts to something like Articles, it does not cascade to submenu items or the “add new” menu in the top bar.
WP Login Screen
This is by far my favorite feature. The ability to brand the login screen is so useful. It is not an enhancement to security in any way, it does let the end user know where they are and with millions of WordPress sites out there, this could be useful. Updating this page requires the use of this plugin and a new function to be added. The setting work like most other Avada tools so if you are familiar with those this will not be a problem, but I am going through them one by one.
- Background color – as expected this changes the overall background color of the page. If you use the next setting, Background Image, this should have an opacity of 0 if you want the image to show completely, or you can create an overlay look by setting the opacity to something less than 100%.
- Background Image – This places a full screen image in the background. A little forethought into the rest of the setting s is important to make sure all the elements are visible.
- Logo Image – This replaces the default WordPress logo with the logo of your choice.
The next few setting are in the wrong sequence in my opinion.
- Login Box Background Color – Sets the background color of the box that contains the actual login form. Depending on the background image you use, this could be transparent (opacity set to 0).
- Login Box Text Color – Controls the color of the labels for the form. Vital to maintain the proper color contrast of the labels to the background.
- Login Screen Link Color – This controls the color of the text outside the login form box (return to the homepage, rest password).
- Login Screen Link Hover Color – Control the hover color of the text outside the login form box (return to the homepage, rest password).
- Default Button Color – allows you to change the Log In button background color
- Button Default Text Color – Change the text color associate with the Login button. Maintain color contrast!
- Hover Button Color – allows you to change the Log In button background color in the hover state
- Button Hover Text Color – Change the text color when the user hovers over the Log In button. Maintain color contrast!
The last setting available is to remove the reset password function. I could see where this could be useful in some instances, but I haven’t used it.
When you go through all of these settings, you can transition your login page dramatically. Here is one I am currently working on.
While this gives you the appearance you may want there is one glaring issue – the link associated with the Logo Image. By default, it points to WordPress.org. After a quick search, I found there is an easy solution. Simply add the following function to your theme’s functions.php file (hopefully you are using the child theme or the Code Snippets plugin).
This assumes your website address is a fully qualified domain name and that WordPress is the root. If not, or if you want that to send the user somewhere else, change the slash (/) in
to the correct address (e.g. https://your-site-url/blog). The only thing that is not changed is the h1 text associated with this page — “Powered by WordPress.” This is hidden but assistive technologies like screen readers, as well as search engines will still see it. Other than modifying the login page, I have not found a way to resolve this.
I hope you find this interesting and useful. If you have any positive or constructive feedback, please leave it in the comments.
Featured image uses a photo by Aaron Burden.