Change color for Admin Menu items

Customizing the admin menu colors in WordPress with WP Adminify allows you to personalize your dashboard. You can easily change the background, text, hover, and active states, which is great for branding, improving visual hierarchy, and enhancing the user experience.

1. Accessing the Color Settings

• To change the colors of your admin menu items, navigate to the WP Adminify settings in your WordPress dashboard.
• Click on Admin Menu in the WP Adminify section.
• Go to the Styles tab, where you will find various options for customizing the appearance of your admin menu, including color settings.

2. Customizable Color Options

WP Adminify provides several color customization options for different components of the admin menu:

Parent Menu Colors: These settings apply to the main menu items visible in the primary admin menu.

• Wrap Background: Adjusts the background color of the entire parent menu. This color sets the overall tone of the admin menu.
• Menu Hover: Changes the background color when hovering over a menu item. This is useful for creating a responsive and interactive feel.
• Text: Sets the color of the text for each parent menu item. Ensuring good contrast with the background color is crucial for readability.
• Text Hover: Modifies the text color when a menu item is hovered over. This helps indicate which item the user is about to select.
• Active Menu Background: Specifies the background color of the currently active menu item, helping users easily identify which section they are in.

Sub Menu Colors: These settings apply to the submenu items that appear when you click on a parent menu item.

• Wrap Background: Adjusts the background color of the submenu. A different color from the parent menu helps distinguish between different levels of navigation.
• Hover: Changes the background color when hovering over a submenu item, making it clear which submenu item is selected.
• Text: Sets the text color for submenu items, ensuring that it’s readable against the submenu background.
• Text Hover: Modifies the text color of submenu items when hovered over, aiding in user navigation.
• Active Submenu Background: Specifies the background color of the currently active submenu item.

Notification Colors: These settings are for the small bubble icons that appear next to menu items, indicating updates or notifications.

• Background: Change the background color of the notification bubbles to make them stand out or match your site's color scheme.
• Text: Adjust the text color within the notification bubbles for better visibility.

3. How to Customize Admin Menu Items Colors

• Step 1: Select the Element to Customize: In the Styles tab, locate the specific color setting you want to change, such as Parent Menu Colors or Sub Menu Colors.
• Step 2: Choose a New Color: Click on the color picker next to the option you want to customize. This will open a color palette where you can select a new color or enter a specific hex code if you have a particular color in mind.
• Step 3: Save Changes: Once you're satisfied with your color choices, click the Save Settings button to apply the changes to your admin menu.

Changing admin menu colors with WP Adminify personalizes your WordPress dashboard. This customization improves usability, reinforces brand identity, and enhances visual appeal. You can adjust colors for the parent menu, submenu, and notification icons for complete control over your admin area’s look.