Request header / navigation icons

traitor · Nov 7, 2024

hi how i can change / add in vigas style icons like for discord and support tikcets
also how can i change names of support to "support ticket"

Typn · Dec 11, 2025

CSS:

/* XenForo Navigation Menu */
.p-navEl-link,
.menu-linkRow,
.offCanvasMenu a {
  &:before {
    margin-right: 5px;
    display: inline-block;
    text-align: center;
  }

  /* Home */
  &[data-nav-id='home']:before { .m-faDuotone('styles/fa/duotone/home.svg'); }

  /* Forums */
  &[data-nav-id='forums']:before { .m-faDuotone('styles/fa/duotone/comments.svg'); }
  &[data-nav-id='newPosts']:before { .m-faDuotone('styles/fa/duotone/bolt.svg'); }
  &[data-nav-id='forumList']:before { .m-faDuotone('styles/fa/duotone/list.svg'); }
  &[data-nav-id='findThreads']:before { .m-faDuotone('styles/fa/duotone/comment-dots.svg'); }
  &[data-nav-id='yourThreads']:before { .m-faDuotone('styles/fa/duotone/user-circle.svg'); }
  &[data-nav-id='contributedThreads']:before { .m-faDuotone('styles/fa/duotone/comment-edit.svg'); }
  &[data-nav-id='unansweredThreads']:before { .m-faDuotone('styles/fa/duotone/question-circle.svg'); }
  &[data-nav-id='watched']:before { .m-faDuotone('styles/fa/duotone/eye.svg'); }
  &[data-nav-id='watchedThreads']:before { .m-faDuotone('styles/fa/duotone/comments-alt.svg'); }
  &[data-nav-id='watchedForums']:before { .m-faDuotone('styles/fa/duotone/folder-open.svg'); }
  &[data-nav-id='searchForums']:before { .m-faDuotone('styles/fa/duotone/search-plus.svg'); }
  &[data-nav-id='markForumsRead']:before { .m-faDuotone('styles/fa/duotone/check-square.svg'); }

  /* What's New */
  &[data-nav-id='whatsNew']:before { .m-faDuotone('styles/fa/duotone/bolt.svg'); }
  &[data-nav-id='featured']:before { .m-faDuotone('styles/fa/duotone/award.svg'); }
  &[data-nav-id='whatsNewPosts']:before { .m-faDuotone('styles/fa/duotone/copy.svg'); }
  &[data-nav-id='xfrmNewResources']:before { .m-faDuotone('styles/fa/duotone/upload.svg'); }
  &[data-nav-id='whatsNewProfilePosts']:before { .m-faDuotone('styles/fa/duotone/user-circle.svg'); }
  &[data-nav-id='whatsNewNewsFeed']:before { .m-faDuotone('styles/fa/duotone/rss.svg'); }
  &[data-nav-id='latestActivity']:before { .m-faDuotone('styles/fa/duotone/clock.svg'); }

  /* Resources (XFRM) */
  &[data-nav-id='xfrm']:before { .m-faDuotone('styles/fa/duotone/hdd.svg'); }
  &[data-nav-id='xfrmLatestReviews']:before { .m-faDuotone('styles/fa/duotone/star-half-alt.svg'); }
  &[data-nav-id='xfrmYourResources']:before { .m-faDuotone('styles/fa/duotone/user-circle.svg'); }
  &[data-nav-id='xfrmWatched']:before { .m-faDuotone('styles/fa/duotone/eye.svg'); }
  &[data-nav-id='xfrmWatchedResources']:before { .m-faDuotone('styles/fa/duotone/download.svg'); }
  &[data-nav-id='xfrmWatchedCategories']:before { .m-faDuotone('styles/fa/duotone/folder-open.svg'); }
  &[data-nav-id='xfrmSearchResources']:before { .m-faDuotone('styles/fa/duotone/search-plus.svg'); }
    
  /* Arcade */
  &[data-nav-id='arcade']:before { .m-faDuotone('styles/fa/duotone/gamepad.svg'); }
    
  /* News */
  &[data-nav-id='xcu_nwp']:before { .m-faDuotone('styles/fa/duotone/newspaper.svg'); }
  &[data-nav-id='xcu_nwp_new_stories']:before { .m-faDuotone('styles/fa/duotone/newspaper.svg'); }
  &[data-nav-id='xcu_nwp_new_comments']:before { .m-faDuotone('styles/fa/duotone/comment.svg'); }
  &[data-nav-id='xcu_nwp_add']:before { .m-faDuotone('styles/fa/duotone/folder-plus.svg'); }
  &[data-nav-id='xcu_nwp_your_news']:before { .m-faDuotone('styles/fa/duotone/user.svg'); }
  &[data-nav-id='xcu_nwp_your_published_news']:before { .m-faDuotone('styles/fa/duotone/user.svg'); }
  &[data-nav-id='xcu_nwp_your_scheduled_news']:before { .m-faDuotone('styles/fa/duotone/calendar.svg'); }
  &[data-nav-id='xcu_nwp_featured']:before { .m-faDuotone('styles/fa/duotone/star.svg'); }
  &[data-nav-id='xcu_nwp_watched']:before { .m-faDuotone('styles/fa/duotone/eye.svg'); }
  &[data-nav-id='xcu_nwp_watched_news']:before { .m-faDuotone('styles/fa/duotone/eye.svg'); }
  &[data-nav-id='xcu_nwp_watched_categories']:before { .m-faDuotone('styles/fa/duotone/eye.svg'); }
  &[data-nav-id='xcu_nwp_search_news']:before { .m-faDuotone('styles/fa/duotone/search-plus.svg'); }
    
    
  /* Members */
  &[data-nav-id='members']:before { .m-faDuotone('styles/fa/duotone/users.svg'); }
  &[data-nav-id='registeredMembers']:before { .m-faDuotone('styles/fa/duotone/user.svg'); }
  &[data-nav-id='currentVisitors']:before { .m-faDuotone('styles/fa/duotone/globe.svg'); }
  &[data-nav-id='newProfilePosts']:before { .m-faDuotone('styles/fa/duotone/user-circle.svg'); }
  &[data-nav-id='searchProfilePosts']:before { .m-faDuotone('styles/fa/duotone/search-plus.svg'); }

  /* Default (no selected tab) */
  &[data-nav-id='defaultNewsFeed']:before { .m-faDuotone('styles/fa/duotone/rss.svg'); }
  &[data-nav-id='defaultLatestActivity']:before { .m-faDuotone('styles/fa/duotone/clock.svg'); }
  &[data-nav-id='searchConversations']:before { .m-faDuotone('styles/fa/duotone/envelope.svg'); }
  &[data-nav-id='defaultYourProfile']:before { .m-faDuotone('styles/fa/duotone/user-circle.svg'); }
  &[data-nav-id='defaultYourAccount']:before { .m-faDuotone('styles/fa/duotone/cog.svg'); }
  &[data-nav-id='defaultLogOut']:before { .m-faDuotone('styles/fa/duotone/sign-out.svg'); }
  &[data-nav-id='defaultRegister']:before { .m-faDuotone('styles/fa/duotone/user-plus.svg'); }

  /* Donate By ThemeHouse [Paid] */
  &[data-nav-id='th_donate']:before { .m-faDuotone('styles/fa/duotone/donate.svg'); }

  /* Ads Manager By Siropu [Paid] */
  &[data-nav-id='siropuAdsManager']:before { .m-faDuotone('styles/fa/duotone/bullhorn.svg'); }
  &[data-nav-id='siropuAdsManagerAds']:before { .m-faDuotone('styles/fa/duotone/user.svg'); }
  &[data-nav-id='siropuAdsManagerInvoices']:before { .m-faDuotone('styles/fa/duotone/receipt.svg'); }
  &[data-nav-id='siropuAdsManagerCreate']:before { .m-faDuotone('styles/fa/duotone/tag.svg'); }
  &[data-nav-id='siropuAdsManagerAdvertisers']:before { .m-faDuotone('styles/fa/duotone/list.svg'); }

} /* End of Navigation Font Awesome Icon */

/* XenForo Default Navigation Menu e.g, (Whatsnew, Search, Inbox, and Alerts Icons ) */
.p-navgroup-link.p-navgroup-link--whatsnew i:after {.m-faDuotone('styles/fa/duotone/bolt.svg');}
.p-navgroup-link.p-navgroup-link--search i:after {.m-faDuotone('styles/fa/duotone/search.svg');}
.p-navgroup-link.p-navgroup-link--conversations i:after {.m-faDuotone('styles/fa/duotone/envelope.svg');}
.p-navgroup-link.p-navgroup-link--alerts i:after {.m-faDuotone('styles/fa/duotone/bell.svg');}
/* End of XenForo Default Navigation Menu e.g, (Whatsnew, Search, Inbox, and Alerts Icons ) */

edit yuor menu navigation id

Request header / navigation icons

traitor

Typn