FAQ

How can I add a new note?

A new note can be added in two ways.

• 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

}