WP Dashboard Notes

• There is a ‘Add note’ button is located in the top admin bar
• Or you can add a new note from within an existing note. When hovering over a note there will show an black bar at the bottom of that note. There is an ‘+’ within that bar where you can add a new note.

Can I change the colors

You could change the colors by overriding the style from another stylesheet. If you need help with this, ask in the support forums.

How can I add my own colors?

Add the following code to your functions.php, you can change the values of course to your own colors.

Required:

add_filter( 'wpdn_colors', 'wpdn_add_purple' ); function wpdn_add_purple( $colors ) { $colors['purple'] = '#5236A0'; return $colors; }

Optional: You can add the following code for extra styling (e.g. light text instead of dark)

add_action( 'admin_head', 'wpdn_add_style' ); function wpdn_add_style() { ?><style> /**************************** * purple ****************************/ [data-color-text=purple] { color: white; } [data-color-text=purple] .wpdn-note-sortable { color: inherit; } [data-color-text=purple] .wpdn-add-item { color: inherit; } [data-color-text=purple] .wp-dashboard-note .list-item { border-color: inherit; } [data-color-text=purple] .list-item input[type=checkbox] { border: 1px solid white !important; } [data-color-text=purple] .list-item input[type=checkbox]:checked ~ span { color: white; } /* Unused for now */ [data-color-text=purple] [id^=note] .handlediv { color: inherit; } /* Add list item input colors */ [data-color-text=purple] input[type=text].add-list-item { border-color: white; color: inherit; background: inherit; } /* Placeholder text color */ [data-color-text=purple] input[type=text].add-list-item::-webkit-input-placeholder { color: white; } [data-color-text=purple] input[type=text].add-list-item:-moz-placeholder { color: white; } [data-color-text=purple] input[type=text].add-list-item::-moz-placeholder { color: white; } [data-color-text=purple] input[type=text].add-list-item:-ms-input-placeholder { color: white; } /* Saved/saving text color */ [data-color-text=purple] .saved-icon, [data-color-text=purple] .saving-icon { color: inherit; } /* Delete icon */ [data-color-text=purple] .list-item .dashicons-no-alt { color: white; } /* Sort icon */ [data-color-text=purple] .wpdn-note-sortable { color: white; } </style><?php }