Can't change colour of bookmark(ed) (in post controls)


(AstonJ) #1

Not sure if this is a bug or I am doing something wrong, but this doesn’t work:

nav.post-controls button.bookmarked {
    color: #fff;
}

(Mittineague) #2

Where I’m looking I don’t see “bookmarked” but “bookmark” until I actually bookmark a post.

EDIT
Ah, I tried it and see what you mean. Try
nav.post-controls button.bookmarked div.bookmarked::before


(Régis Hanol) #3

Having you tried using “.read-icon”?


(AstonJ) #4

Thanks both, unfortunately it’s not giving me the control I need. I am basically trying to do the same as the wikied icons, for which the following works fine


nav.post-controls button, nav.post-controls button.bookmark {
    background: #8C5996;
    color: #fff;
    opacity: 0.3;
}

nav.post-controls button.wikied {
    color: #fff;
    background: #8C5996;
    opacity: 1;
}

nav.post-controls button.wikied:hover {
    color: #8C5996;
    background: #fff;
}