October 03, 2023

HA Background Color Customizer Plugin

Add custom background color options panel in any WP theme Customize section to easily and quickly change background color of any HTML tags in your WP …

Add Custom HA Background Color Customizer Panel in any WP theme customization section. Customize background colors of your hard coded WordPress Theme. Now, separately Customize the color of each type of your HTML Elements just from Theme customization section with live WP preview pane.

List of HTML Element options:

Body Background Color
Header Background Color
Main Nav Backgrounds Color
Nav tab Background:hover
Dropdown Backgrounds
Dropdown tab/li:Hover
Button Background
Button Background:Hover
Footer Background

Learn more about HA Background Color Customize Plugin features

HA Color Customizer Team needs your support

It is hard to continue development and support for the free plugin without contributions from users like you. If you enjoy using HA Background Color Customizer and find it useful, please consider making a donation. Your donation will help encourage and support the plugin’s continued development and better user support.

If you have suggestions for a new plugins or addon options, feel free to email me at contact@hiraansari.dev
Coming soon Plugins:
— HA Font Color Customizer
— HA Imageless CSS Background Patterns
— See all current and upcoming plugins details here: Website WP Plugins Page
Connect with me on LinkedIn
Want regular updates? Like my page on Facebook!
Hire me on Upwork
Or hire me directly from my website: www.HiraAnsari.dev

Installation

Automatic installation

Log into your WordPress admin
Click Plugins
Click Add New
Search for HA Background Color Customizer
Click Install Now under “HA Background Color Customizer”
Activate the plugin

Manual installation:

Download the plugin
Extract the contents of the zip file
Upload the contents of the zip file to the wp-content/plugins/ folder of your WordPress installation
Then activate the Plugin from Plugins page

The plugin is now ready to be used.

How to use?

Go to Appearance > Customize > HA Background Colors.
Select yes to activate the elements you want to customize.
Select color of your choice.
Click save button.

How to reset to default theme colors?

Just deactivate that element option and your default themes’s background colors will start showing up again.

Screenshots

FAQ

Do you have questions or issues with Contact Form 7? Use these support channels appropriately.

Can I Customize only specific Elements and leave the others as it is?

Yes, HA Background Color Customizer gives you full control on your choices. And for this, it give you activate / deactivate options for each of the element type. Only activate the option you want to use and keep the others deactivated.

Will this plugin change my original theme stylesheet?

No, it will just add internal Stylesheet set in your theme header that will enforce the theme to use your customized color settings. The theme stylesheet will not change and you can use the default stylesheet colors just by deactivating the HA background Color Customizer elements whenever you want.

Will this plugin effect my page load speed?

No, It will not slow down your page load speed because HA Background Color Customizer is a very light weight plugin and it doesn’t link any external JS or CSS files from your webpages.

Changelog

1.0.0 – Plugin Released
1.0.1 – Tested compatibility with WordPress 6.1
1.0.2 – Fixed admin notice dismiss functionality issue
1.1.1 – Tested compatibility with WordPress 6.3.1