This topic has 7 replies, 3 voices, and was last updated 7 years by abelord.

  • Author
  • #202707
     abelord
    Participant

    Hello,

    How to achieve custom css for icon like kleo support favorite and subscribe forum.

    where can i get same icons.

    see image:

    http://prntscr.com/k1od44

     

    Thank you

    AB

    #202753
     Laura
    Moderator

    Hello, will assign the ticket to a higher support level who can help and advise you in your query.
    Thanks! ?

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #202814
     abelord
    Participant

    HI!

    #202815
     Abe
    Keymaster

    Hi there, we haven’t isolated that functionality and it is only available on our support site. You can check our CSS and try to reproduce it. Here is the part that stands out but please take a look at our css file for any missing style

    COPY CODE
    
    .bbp-reply-content #subscription-toggle {
        float: right;
    }
    a.subscription-toggle:before,
    a.favorite-toggle:before {
        font-family: 'sq-icons';
        font-size: 24px;
        line-height: inherit;
        vertical-align: top;
        margin-right: 10px;
        transition: all 0.5s ease;
    }
    a.subscription-toggle:before {
        content: "\e904";
    }
    #bbpress-forums a.favorite-toggle:before {
        content: "\e907";
        color: #F5A623;
    }
    #bbpress-forums a:hover.subscription-toggle:before,
    #bbpress-forums a:hover.favorite-toggle:before {
        color: #fff;
    }
    
    #bbpress-forums .is-subscribed a.subscription-toggle:before {
        content: "\e903";
        font-weight: normal;
    }
    #bbpress-forums .is-favorite a.favorite-toggle:before {
        content: "\e908";
        font-weight: normal;
    }
    #bbpress-forums a.favorite-toggle,
    #bbpress-forums a.subscription-toggle {
        width: 42px;
        height: 42px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        overflow: hidden;
        white-space: nowrap;
        padding: 10px 5px !important;
        transition: all 0.5s ease;
        text-align: left;
        color: #fff;
        font-weight: bold !important;
    }
    #bbpress-forums a:hover.favorite-toggle,
    #bbpress-forums a:hover.subscription-toggle {
        width: 150px;
        color: #fff;
        -webkit-box-shadow: 4px 4px 22px 4px rgba(0,0,0,0.08);
        -moz-box-shadow: 4px 4px 22px 4px rgba(0,0,0,0.08);
        box-shadow: 4px 4px 22px 4px rgba(0,0,0,0.08);
    }
    

    https://archived.seventhqueen.com/wp-content/themes/kleo-child/style.css?ver=4.2.12

    Cheers

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Ticket solution
    #202816
     abelord
    Participant

    Hi abe,

    I just did earlier, and working fine, but the problem is i don’t have your custom icons that they mention on file, sq-icons that located on assets/fonts/file needed.
    http://prntscr.com/k20hh3

    Thank you
    Abelord

    #202867
     abelord
    Participant

    Ping!

    #202875
     Abe
    Keymaster
    #202877
     abelord
    Participant

    Hi Abe,

    Thank you for the help. solved the missing icon ang look like support now.

    Regards
    Abelord

Viewing 8 posts - 1 through 8 (of 8 total)

The forum ‘Plugins questions’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?