Replace bell icon

  • Resolved alexg9

    (@alexg9)


    4 years, 3 months ago

    Hi,

    Thank your for contributtion, this is a so useful plugin.

    I’m trying to change the bell notifications icon for a custom one via css calling

    #wnbell-icon-badge-container-id .wnbell-dropdown-toggle svg {

    But I didn’t got it.

    Could you shed some light on how to do it?

    Thank you,
    Álex

    • This topic was modified 4 years, 3 months ago by alexg9.
    • This topic was modified 4 years, 3 months ago by alexg9.
    • This topic was modified 4 years, 3 months ago by alexg9.
    • This topic was modified 4 years, 3 months ago by alexg9.
    • This topic was modified 4 years, 3 months ago by alexg9.
Viewing 6 replies - 16 through 21 (of 21 total)
1 2
  • Thread Starter alexg9

    (@alexg9)

    4 years, 3 months ago

    I would want to replace the bell with a custom image/icon (.png, .svg…) that I upload to the web server. But I don’t know what code should I use.

    I tried with <img src="icons8-facebook.svg" alt="facebook test"> but It only shows a crashed image.

    https://www.educaenvivo.com/notification-bell-test/

    • This reply was modified 4 years, 3 months ago by alexg9.
    Plugin Author wpdever

    (@wpdever)

    4 years, 3 months ago

    Hi,

    Could maybe try with this:

    <img src="https://www.educaenvivo.com/wp-content/uploads/2022/01/icons8-facebook.svg" alt="facebook test">

    Thread Starter alexg9

    (@alexg9)

    4 years, 3 months ago

    Mmmm it didn’t work, just shows the code as plain text

    Plugin Author wpdever

    (@wpdever)

    4 years, 3 months ago

    I’ll add a hook in the next update so you can add the code in your theme’s functions.php file.

    Thread Starter alexg9

    (@alexg9)

    4 years, 3 months ago

    Wow thanks!! 🙂 I have another ideas i’m trying to solve by myself with “rough tricks” that could make the plugin awesome, at least from my perspective. But I don’t want to be a bore so tell me if you want me to tell you.

    And as visual-graphic designer I could try yo help you if you want to give a new vision ^^

    Thanks for all! :’)

    Plugin Author wpdever

    (@wpdever)

    4 years, 3 months ago

    Hi,

    If you’ve updated to the latest version of the plugin, you can add this to your theme’s functions.php file:

    add_filter('wnbell_bell_icon', 'new_wnbell_icon');
function new_wnbell_icon()
{
    $icon = '<img src="https://www.educaenvivo.com/wp-content/uploads/2022/01/icons8-facebook.svg" alt="facebook test">';
 return $icon;
}

    I’d love to hear your suggestions. You can contact me here if you want to share more: wpnotificationbell@gmail.com

Viewing 6 replies - 16 through 21 (of 21 total)
1 2

The topic ‘Replace bell icon’ is closed to new replies.