Support » Plugin: bbPress Pencil Unread » Change CSS read/unread

  • It’s very nice plugin.
    I shared my css for remplace grey and blue border by a label “new”

    Edit your CSS and Add :

    /*Pencil Unread message*/
    body:not(.rtl) ul.bbppu-hentry.bbppu-unread > li:first-child > .bbp-topic-permalink:before, body:not(.rtl) ul.bbppu-hentry.bbppu-unread li > a.bbp-forum-title:before, a.bbp-forum-link.bbppu-hentry.bbppu-unread:before {
        content: "new"; /*For your text change this value*/
        background: black; /*background color*/
        color: blue; /*text color*/
        display: inline-block;
        border-radius: 2px;
        font-size: 0.8rem; /*font size*/
        height: 16px;
        padding: 2px 5px;
    body:not(.rtl) ul.bbppu-hentry.bbppu-unread > li:first-child, #bbpress-forums li.bbp-body, #bbpress-forums li.bbp-body ul.topic, body:not(.rtl) a.bbppu-hentry.bbppu-read, body:not(.rtl) ul.bbppu-hentry.bbppu-read > li:first-child, body:not(.rtl) a.bbppu-hentry.bbppu-unread, body:not(.rtl) ul.bbppu-hentry.bbppu-unread > li:first-child {
        border: none !important;

    No test for arabic language, probably change “.rtl” to “.ltr”


  • The topic ‘Change CSS read/unread’ is closed to new replies.