{"id":164963,"date":"2022-11-01T23:51:25","date_gmt":"2022-11-01T23:51:25","guid":{"rendered":"https:\/\/en-gb.wordpress.org\/plugins\/ha-background-color-customizer\/"},"modified":"2025-04-19T19:11:12","modified_gmt":"2025-04-19T19:11:12","slug":"ha-background-color-customizer","status":"publish","type":"plugin","link":"https:\/\/cn.wordpress.org\/plugins\/ha-background-color-customizer\/","author":20709713,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"2.0","stable_tag":"2.0","tested":"6.8.5","requires":"5.6","requires_php":"","requires_plugins":null,"header_name":"HA Background Color Customizer","header_author":"Hira Ansari","header_description":"Customize Background color of page body, header, footer, nav\/nav:hover, button\/button:hover, dropdown menu, dropdown tab hover.","assets_banners_color":"","last_updated":"2025-04-19 19:11:12","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/www.paypal.com\/donate\/?hosted_button_id=C5C26A6PEFFHQ","header_plugin_uri":"https:\/\/hiraansari.dev\/wordpress-plugin\/ha-background-color-customizer-wp-plugin\/","header_author_uri":"https:\/\/HiraAnsari.dev","rating":4.9,"author_block_rating":0,"active_installs":200,"downloads":3341,"num_ratings":13,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"hiraansari","date":"2022-11-05 03:29:00"},"1.0.1":{"tag":"1.0.1","author":"hiraansari","date":"2022-11-06 08:58:01"},"1.0.2":{"tag":"1.0.2","author":"hiraansari","date":"2022-11-06 10:55:14"},"1.1.1":{"tag":"1.1.1","author":"hiraansari","date":"2023-10-03 13:49:43"},"2.0":{"tag":"2.0","author":"hiraansari","date":"2025-04-19 19:11:12"}},"upgrade_notice":{"":"<p>Upgrade the plugin to get admin notice removal option.<\/p>"},"ratings":{"1":0,"2":0,"3":0,"4":1,"5":12},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":2812452,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":2812452,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0","1.0.1","1.0.2","1.1.1","2.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":2812473,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":2812473,"resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":2812473,"resolution":"3","location":"assets","locale":""}},"screenshots":[],"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[215185,215148,215187,215186,215144],"plugin_category":[],"plugin_contributors":[215149],"plugin_business_model":[],"class_list":["post-164963","plugin","type-plugin","status-publish","hentry","plugin_tags-change-background-colors","plugin_tags-change-hover-color","plugin_tags-change-nav-background-color","plugin_tags-custom-background-colors","plugin_tags-wp-color-customizer","plugin_contributors-hiraansari","plugin_committers-hiraansari"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/ha-background-color-customizer\/assets\/icon-128x128.png?rev=2812452","icon_2x":"https:\/\/ps.w.org\/ha-background-color-customizer\/assets\/icon-256x256.png?rev=2812452","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/ha-background-color-customizer\/assets\/screenshot-1.png?rev=2812473","caption":""},{"src":"https:\/\/ps.w.org\/ha-background-color-customizer\/assets\/screenshot-2.png?rev=2812473","caption":""},{"src":"https:\/\/ps.w.org\/ha-background-color-customizer\/assets\/screenshot-3.png?rev=2812473","caption":""}],"raw_content":"<!--section=description-->\n<p>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.<\/p>\n\n<p>https:\/\/youtube.com\/watch?v=9NuAGN1oQB4<\/p>\n\n<p><strong>List of HTML Element options:<\/strong><\/p>\n\n<ol>\n<li>Body Background Color<\/li>\n<li>Header Background Color<\/li>\n<li>Main Nav Backgrounds Color<\/li>\n<li>Nav tab Background:hover<\/li>\n<li>Dropdown Backgrounds<\/li>\n<li>Dropdown tab\/li:Hover<\/li>\n<li>Button Background<\/li>\n<li>Button Background:Hover<\/li>\n<li>Footer Background<\/li>\n<\/ol>\n\n<p>Learn more about <a href=\"https:\/\/hiraansari.dev\/wordpress-plugin\/ha-background-color-customizer-wp-plugin\/\">HA Background Color Customize Plugin features<\/a><\/p>\n\n<h4>HA Color Customizer Team needs your support<\/h4>\n\n<p>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 <a href=\"https:\/\/www.paypal.com\/donate\/?hosted_button_id=C5C26A6PEFFHQ\">making a donation<\/a>. Your donation will help encourage and support the plugin's continued development and better user support.<\/p>\n\n<ul>\n<li><p>If you have suggestions for a new plugins or addon options, feel free to email me at <a href=\"mailto:&#x63;&#x6f;&#110;&#116;a&#x63;&#x74;&#x40;&#104;&#105;&#114;&#x61;&#x61;&#x6e;&#115;&#097;&#114;&#x69;&#x2e;&#x64;&#101;&#118;\">contact@hiraansari.dev<\/a><\/p><\/li>\n<li><p>Coming soon Plugins: \n-- HA Font Color Customizer\n-- HA Imageless CSS Background Patterns\n-- See all current and upcoming plugins details here: <a href=\"https:\/\/hiraansari.dev\/ha-wp-plugins\/\">Website WP Plugins Page<\/a><\/p><\/li>\n<li><p>Connect with me on <a href=\"https:\/\/www.linkedin.com\/in\/HiraAnsariWordPressDeveloper\/\">LinkedIn<\/a><\/p><\/li>\n<li><p>Want regular updates? Like my page on <a href=\"https:\/\/www.facebook.com\/HiraAnsari.WordPress\/\">Facebook<\/a>!<\/p><\/li>\n<li><p>Hire me on <a href=\"https:\/\/www.upwork.com\/freelancers\/~0167126c92ecd7b6db\">Upwork<\/a><\/p><\/li>\n<li><p>Or hire me directly from my website: <a href=\"https:\/\/hiraansari.dev\/hire-hourly\/\">www.HiraAnsari.dev<\/a><\/p><\/li>\n<\/ul>\n\n<!--section=installation-->\n<h4>Automatic installation<\/h4>\n\n<ol>\n<li>Log into your WordPress admin<\/li>\n<li>Click Plugins<\/li>\n<li>Click Add New<\/li>\n<li>Search for HA Background Color Customizer<\/li>\n<li>Click Install Now under \u201cHA Background Color Customizer\u201d<\/li>\n<li>Activate the plugin<\/li>\n<\/ol>\n\n<h4>Manual installation:<\/h4>\n\n<ol>\n<li>Download the plugin<\/li>\n<li>Extract the contents of the zip file<\/li>\n<li>Upload the contents of the zip file to the wp-content\/plugins\/ folder of your WordPress installation<\/li>\n<li>Then activate the Plugin from Plugins page<\/li>\n<\/ol>\n\n<p>The plugin is now ready to be used.<\/p>\n\n<h4>How to use?<\/h4>\n\n<ol>\n<li>Go to Appearance &gt; Customize &gt; HA Background Colors.<\/li>\n<li>Select yes to activate the elements you want to customize.<\/li>\n<li>Select color of your choice.<\/li>\n<li>Click save button.<\/li>\n<\/ol>\n\n<h4>How to reset to default theme colors?<\/h4>\n\n<p>Just deactivate that element option and your default themes's background colors will start showing up again.<\/p>\n\n<!--section=faq-->\n<p>Do you have questions or issues with Contact Form 7? Use these support channels appropriately.<\/p>\n<dl>\n<dt id='can%20i%20customize%20only%20specific%20elements%20and%20leave%20the%20others%20as%20it%20is%3F'><h3>Can I Customize only specific Elements and leave the others as it is?<\/h3><\/dt>\n<dd><ul>\n<li>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.<\/li>\n<\/ul><\/dd>\n<dt id='will%20this%20plugin%20change%20my%20original%20theme%20stylesheet%3F'><h3>Will this plugin change my original theme stylesheet?<\/h3><\/dt>\n<dd><ul>\n<li>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.<\/li>\n<\/ul><\/dd>\n<dt id='will%20this%20plugin%20effect%20my%20page%20load%20speed%3F'><h3>Will this plugin effect my page load speed?<\/h3><\/dt>\n<dd><ul>\n<li>No, It will not slow down your page load speed because HA Background Color Customizer is a very light weight plugin and it doesn\u2019t link any external JS or CSS files from your webpages.<\/li>\n<\/ul><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<ul>\n<li>1.0.0  -  Plugin Released<\/li>\n<li>1.0.1  -  Tested compatibility with WordPress 6.1<\/li>\n<li>1.0.2  -  Fixed admin notice dismiss functionality issue<\/li>\n<li>1.1.1  -  Tested compatibility with WordPress 6.3.1<\/li>\n<li>2.0    - Tested with WordPress 6.8 | Added Option to remove Admin notice by submitting the username used for the plugin review.<\/li>\n<\/ul>","raw_excerpt":"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  &hellip;","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/164963","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=164963"}],"author":[{"embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/hiraansari"}],"wp:attachment":[{"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=164963"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=164963"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=164963"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=164963"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=164963"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=164963"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}