New Dashboard Link/Tab Icon

Still no answer. Please help

Hello @masitravel

Please find the attached video

https://www.loom.com/share/11de9d9fafd44f238e1dc4eefd1ac506

Thanks

Thanks Nayeem, works like a charm.

Hi,

Video is expired, where can we found the ‘tutor’ icons font list/codes?

That would be great to customize some elements of your LMS.

Thank you!

I need also help.
I want to add a new separator and new links with icons in the dashboard.
how can I do it?
and when the user clicks links shows on the right side special Html or shortcode.
https://prnt.sc/vsfnn4

please help me

Hi,

Please follow this documentation to customize the dashboard- https://docs.themeum.com/tutor-lms/developers/editing-tutor-dashboard/

If you need more help, please feel free to click on the help button to send us an email.

@masitravel

CSS for icons:

li.tutor-dashboard-menu-social > a:before {
    content: "\e988";
}

*social – this is a new page created in functions.php
*content – number of icon

@shara94 , add this in functions.php

I want to add a new separator and new links with icons in the dashboard.
how can I do it?

add_filter('tutor_dashboard/nav_items', 'add_some_links_dashboard');
function add_some_links_dashboard($links){
	
    $links['new-separator']   = array('title' => __('Title for Separator', 'tutor'), 'type' => 'separator');
    $links['all-courses']     = __('Title for other links', 'tutor');

	return $links;
}

Hello.
I have added and now I have a question. How can I add icons?
https://prntscr.com/w942cn

For use custom icon, you can add :before for li element

.tutor-dashboard-menu-index:before {
    content: "";
    background-image: url(/wp-content/uploads/2020/12/icon.svg);     
}

• This reply was modified 3 years, 11 months ago by jeka7000.
• This reply was modified 3 years, 11 months ago by jeka7000.

https://prntscr.com/waygx4

Hello @nayeeem
could you please tell me the procedure how to change the icon in the dashboard or where can I find the list of icons library so i can get the icon code for css.

Hello @saudpds,

You can find all the icons in the assets folder

\wp-content\plugins\tutor\assets\icons\css

Hi,

How do i add an icon below from tutor-icon.css list:

$links[‘all-courses’] = __(‘Title for other links’, ‘tutor’);

best regards

Hello @cutethings

Please follow this link to know more details.

https://docs.themeum.com/tutor-lms/developers/editing-tutor-dashboard/