This topic has 7 replies, 3 voices, and was last updated 6 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

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #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

    ---
    @ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

    #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

    Hi, all the links are online and available to check
    https://archived.seventhqueen.com/wp-content/themes/kleo-child/assets/fonts/sq-icons.css
    https://archived.seventhqueen.com/wp-content/themes/kleo-child/assets/fonts/sq-icons.ttf
    https://archived.seventhqueen.com/wp-content/themes/kleo-child/assets/fonts/sq-icons.woff
    https://archived.seventhqueen.com/wp-content/themes/kleo-child/assets/fonts/sq-icons.svg

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

    ---
    @ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

    #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?