Change icon

@djous if already bookmarked and loaded as page refresh then there is an extra class added ‘cbxwpbkmarktrig-marked’ , if you bookmark
– if single click bookmark then the same extra class ‘cbxwpbkmarktrig-marked’ is added, on unbookmark the class is removed!
– if category mode (user own or global category mode) – if at least one category/list is bookmarked then the extra class ‘cbxwpbkmarktrig-marked’ is added or loaded like this as page refresh, when all category is unchecked then the extra class is removed.

@manchumahara I think you didn’t understand what I wanted.

I want to change the icons like this: https://i.imgur.com/1pv4ntF.png

Hi,

Got yours, the icon is added using css, so you need to use the css class, I wrote the comment based on technical ground basis.

Here is the css that we used, you just need to override this.

.cbxwpbkmarktrig:before {
    content: "";
    margin-right: 3px;
    vertical-align: middle;
    background: no-repeat url('../img/bookmarkicons/bookmark_before_2x.png') 0 0;
    background-size: cover;
    width: 21px;
    height: 21px;
    display: inline-block;
}

.cbxwpbkmarktrig-marked:before {
    background: no-repeat url('../img/bookmarkicons/bookmark_after_2x.png') 0 0;
    background-size: cover;
}

If you are using pro addon there is more easy way to do this like adding icon in theme or child theme ‘s folder. screenshot for pro addon https://prntscr.com/sa7n9d

I would like to use Font Awesome icon, is not possible? https://fontawesome.com/icons/eye?style=regular

Just using images? And no, I don’t have pro version. @manchumahara

Hi,

I gave you two ways override css and pro addon options(pro addon discussion can not be done here in wp.org as per policy)

If you know css you can use fontawesome icon too as css override. the trick is something like this

content: "\f055";
font-family: FontAwesome;