Custom favorite and subscribe button for forum

[abelord]

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

[Laura]

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 🙂

[abelord]

HI!

[Abe]

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.

[abelord]

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

[abelord]

Ping!

[Abe]

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.

[abelord]

Hi Abe,

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

Regards
Abelord

[Author]

Posts