Hi is there a way to change the icon size?

  • Resolved jackkim

    (@jackkim)


    3 years, 3 months ago

    Thank you for making great plugin
    I want to put it to my header menu and I want to change the size of the bell..
    I tried finding way to edit with css but failed at last.
    Is there a way that I can do this?

Viewing 4 replies - 1 through 4 (of 4 total)

  • I’m sure there is a better way to do this other than overriding the plugin’s core files, however, since this plugin has not been updated in over 2 years, I’d say it’s safe to go ahead and change things without risking any major breakage.

    Navigate to Plugins > Buddy Notification Bell > includes > class-notification-bell-public and CTRL + F and search for the following line $menu_title = '<div class="bnb-pending-notifications ' . $alert_class . '"><i class="fa fa-bell-o fa-2x"></i><span ' . $hide_count . '>' . number_format_i18n( $count ) . '</span></div>';

    The line you are looking to edit is <i class="fa fa-bell-o fa-2x">.

    The bell icon is currently enlarged 2x as you can see by the fa-2x. Check out FontAwesome’s documentation of icon sizing to change it to your liking. FONT AWESOME SIZING

    Thread Starter jackkim

    (@jackkim)

    Thank you so much @judahorion ! You got what exaclty what I needed!
    This php thing is just so hard for me tho haha.
    I have one more question. I succeed on changing the icon size but now the pop up number is still in big size.. Do you know how to make it smaller?

    Thread Starter jackkim

    (@jackkim)

    Actually I just fixed it!
    Thank you for helping me out.

    Have a nice day!

    Glad you figured it out! Feel free to share your solution here to help others that may stumble upon this same issue in the future.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Hi is there a way to change the icon size?’ is closed to new replies.