Join

Add Icons to the MyListing User Dashboard Menu

Don't want to mess with code snippets? Request for this to be a feature of MyListing Pro.

Instructions

  1. Create a new CSS code snippet.
  2. Copy the contents of code snippet below.
  3. Paste the contents into your code snippet.
  4. Review any notes that I’ve provided.
  5. Save and enable the code snippet.
  6. Test.

Snippet

Use Native MyListing Icons

  1. Theme Options > Shortcodes > Icon
  2. Find your desired icon and copy the shortcode.
  3. Edit a menu item.
  4. To the left or right of the menu item name, paste in the icon’s shortcode copied above.

Use Custom Icons

  1. Download the desired icons.
  2. Upload the icons to the WordPress Media Library.
  3. Edit an icon and copy its link address.
  4. Edit a menu item.
  5. To the left or right of the menu item name, paste the link address that was copied above.
.main-nav li a>i {
    display: inline-block;
}
.main-nav li.current-menu-item a > i {
    color: #000 !important;
}

Example: Add Icon to Home Page Menu Item

WordPress Dashboard > Appearance > Menus > Home Page Menu Item

<img decoding="async" src="https://domain.com/wp-content/uploads/icon-file-name.svg"> Home