icon change for the profile menu

[krishipathsala]

I want to change the icon for the all-course page and home page in the profile menu. here is the screenshot: https://ibb.co/G9wnLgN As the documentation: https://wplms.io/support/knowledge-base/setting-custom-icon-in-profile-menu/ , suggests I need the CSS class value but there is no CSS value for the pages as shown by the images. what is to be done to change the icon.

[krishipathsala]

This reply has been marked as private.

[krishipathsala]

This reply has been marked as private.

[Veronica]

hi you need to enable this setting from here: http://prntscr.com/20w1qi3 and now showing http://prntscr.com/20w1tn7

[krishipathsala]

This reply has been marked as private.

[krishipathsala]

This reply has been marked as private.

[Veronica]

hi as you are not changing the default BuddyPress profile element you need to follow this tip: https://wplms.io/support/knowledge-base/change-icon-of-any-module-in-pwa-screen/

[krishipathsala]

I got this error https://prnt.sc/20xkwki

[krishipathsala]

Forget the previous reply. I added the code in the child theme. But after that, I can't sign in to PWA. in the documentation, you said that: "Note the component’s name". But did not say where should I put the component name in the code.

[Veronica]

you need to add component name here: http://prntscr.com/20y4a5j

[krishipathsala]

This reply has been marked as private.

[Veronica]

hi use this code:

add_filter('vibebp_component_icon',function($icon,$compoent({

if($id == 'post_type__page__28'){ // Check component id , set $icon as svg
$icon = '<svg width=”24″ height=”24″ viewBox=”0 0 24 24″ style=”fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;”>
<path d=”M15.473,19.593C14.365,20.679 13.198,21.812 12,23C5.57,16.619 0,11.853 0,7.192C0,0.423 8.852,-1.154 12,4.248C15.125,-1.114 24,0.4 24,7.192C24,7.938 23.844,8.688 23.577,9.445C22.461,8.543 21.043,8 19.5,8C15.916,8 13,10.916 13,14.5C13,16.563 13.97,18.401 15.473,19.593Z” style=”fill-opacity:0.6;fill-rule:nonzero;”/>
<path d=”M19.5,10C17.017,10 15,12.015 15,14.5C15,16.985 17.017,19 19.5,19C21.983,19 24,16.985 24,14.5C24,12.015 21.983,10 19.5,10ZM22,15L20,15L20,17L19,17L19,15L17,15L17,14L19,14L19,12L20,12L20,14L22,14L22,15Z” style=”fill-rule:nonzero;”/></svg>';
}
return $icon;

},10,2)

[krishipathsala]

added, but the same result.

[Veronica]

checking on your site

[Veronica]

This reply has been marked as private.

[Author]

Posts