Custom Icon For Profile Menu

Last updated on by

You can change these icons in the members area :

Step 1:

  • Go to WP admin – Apperance – Menus , edit the profile menu.
  • Enable CSS Classes from the screen options on top right
  • Note the CSS Class of the icon you want to change :

Step 2:

  • Locate any good svg, https://iconmonstr.com/ is a good resource.
  • Download the svg icon
  • Edit SVG icon in text editor and copy the SVG icon

Step 3:

  • Add this code in child theme – functions.php or WPLMS Customizer – wplms_customizer.php
  • Keep the information CSS class and SVG with you. Replace XXXX with CSS class from step 1 and
add_action('vibebp_component_icon',function($icon,$id){

if($id == 'XXXXXX'){

$icon = '

';

}

return $icon;

},99,2);