• Resolved johntullyf

    (@johntullyf)


    Hi! (Awesome plugin BTW).
    When I give a new website over to a client I often give them a photoshopped screenshot of their dashboard with green (for go) and red (for stop) overlays on individual admin menu items, indicating where I think they can be comfortable exploring and where they shouldn’t wander too far without calling me. For example “pages” and “posts” are green , whereas “plugins” and “settings” are red.
    I was hoping that WP Custom Admin Interface might help me make these changes on the actual dashboard rather than just on a screenshot. I can see how you can bring in your own color scheme but if affects the whole menu. Can you think of any way to change the color of individual menu items?
    Thanks,
    JohnT

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Northern Beaches Websites

    (@northernbeacheswebsites)

    Hi johntullyf,

    Thanks for your kind words. Yes you can do this using the plugin right now.

    If you go to the ‘Customize Admin Menu’ tab in the plugin settings you are able to give individual menu items a custom class. This is show here in the video: https://youtu.be/bIfPaWnSUvk?t=2m31s

    So what you could do is if you want to make a menu item red for example you could add menu-item-red to the END of this class input field to all the items you want to make red. And you could apply menu-item-green to the end of the class names of menu items you want green.

    Then in the ‘Custom Admin Code’ tab you would enter in the following code in the ‘Add custom CSS to the WordPress admin’ text area:

    .menu-item-red {
    background-color: red !important;
    }

    .menu-item-green {
    background-color: green !important;
    }

    Because you can export the plugin settings this will make it easy to deploy your changes to multiple sites. As shown here: https://youtu.be/bIfPaWnSUvk?t=8m12s

    Thanks!

    Thread Starter johntullyf

    (@johntullyf)

    Thanks for this – it sounded like the perfect solution but I couldn’t get it to work.

    Here are a couple of screenshots showing the code I added to the top menu item (Dashboard) plus the CSS code. You can see that the Dashboard menu item still doesn’t have a green background.

    https://drive.google.com/file/d/0B0jHKm18nXu3ZjkwWDh3dmNBTUU/view?usp=sharing

    https://drive.google.com/file/d/0B0jHKm18nXu3eERMRTAtenhYTVk/view?usp=sharing

    When I check the page in Chrome Inspector I can’t see the menu-item-green class show up anywhere.

    Any thoughts?

    JohnT

    Moderator Jan Dembowski

    (@jdembowski)

    Forum Moderator and Brute Squad

    @northernbeacheswebsites I’ve deleted your offer to login to your user’s site. I’m am 100% sure you mean well but please never ask for credentials on these forums.

    https://ww.wp.xz.cn/support/guidelines/#the-bad-stuff

    Now for the why: The internet is a wonderful place full of very nice people and a few very bad ones. I’m sure everyone here is very nice however, by giving some ones keys to your house you are trusting they wont steal anything. Likewise the person who takes the keys is now responsible for the house FOREVER.

    If something was to go wrong, then you the author may well legally become liable for damages, which they would not normally have been as their software is provided without warranty.

    Please be aware that repeatedly asking for credentials will result in us asking you to repeatedly stop before escalating up to the plugins team.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Colorized Admin Menu’ is closed to new replies.