MyBB Community Forums

Full Version: Hide Buttons
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hello. I would like to hide these buttons from guests so that they are only visible to logged in users.

I mean what I marked on the screen
Hello,

install this http://community.mybb.com/thread-31860.html plugin and in the template put this at the correct place
<if $mybb->user['usergroup'] != 1 then>

//stuff you wanna hide

</if>
(2021-03-07, 02:56 PM)Koper Wrote: [ -> ]Hello. I would like to hide these buttons from guests so that they are only visible to logged in users.

I mean what I marked on the screen

not sure why the previous suggested != 1
as your intent is not to not = 1
but in fact your intent is to = 1
then define.., but whatevs as regardless it is not relational to what I am about to suggest, so anyhoo...

...another simple way and without the requirement of a plugin is a simple minor edit of css and template:


ie: of guest usergroup not being displayed a link (for this example: help link):

[Image: Forums.png]

for this example i will use the help section toplink just to show a basic example though for you usages you would just apply this to your specific added links instead:

in header template:

						<li><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help">{$lang->toplinks_help}</a></li>

I add one minor edit to add class by GID to link:

						<li class="visibility_{$mybb->user['usergroup']}"><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help">{$lang->toplinks_help}</a></li>

and in global.css i add the relative styling:

ul.menu li.visibility_1 {
 /* hide menu link for usergroup_1 */
 display: none !important;	
}

so in a nutshell what this simply does so far is find if user viewing is usergroup_1 ie: guest then the link display is hidden to that usergroup but then the minute I login I am usergroup other than 1/ guest so since my usergroup is not defined to display none then it is not applied thus visible unless you further modify it to do so for any other usergroup id #

OK, if all you wanted is what you originally stated as guest non visibility for link then you can stop here as this accomplishes that. NOTE: any suggestions found below are simply in reference to further expand upon base suggestion if so desired:

Just in case you need to know default GIDs to expand this edit to if desired, the default GIDs are as follows:

[ 1 ] _ Guests
[ 2 ] _ Registered
[ 3 ] _ Super Moderators
[ 4 ] _ Administrators
[ 5 ] _ Awaiting Activation
[ 6 ] _ Moderators
[ 7 ] _ Banned

if you have say additional added usergroups that you desired to apply this to then you would take note of those addition gid #s

and understand that you simply would add respective css in stylesheet for such after the initial link class edit has been applied per link desired in initial template edit

ie:

etc...

ul.menu li.visibility_7 {
 /* hide menu link for usergroup_7 */
 display: none !important;	
}

etc...

ul.menu li.visibility_5 {
 /* hide menu link for usergroup_5 */
 display: none !important;	
}

only if desired... but understand the existing edit will mean you use this on all links desired,  except if you desired to do this link specific....

meaning..., link 1 is hidden to say these usergroups...

and say link 2 is hidden to say these other usergroups...

then in that case the original snippet would need to be modified

so for that example let us do it to the existing help link already modified but let us call that link 1 now

Edit Template: header

						<li><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help">{$lang->toplinks_help}</a></li>

I add one minor edit to add class link1 ( l1 ) by GID to link:


						<li class="l1-visibility_{$mybb->user['usergroup']}"><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help">{$lang->toplinks_help}</a></li>

and in global.css i add the relative styling:

/* link 1 usergroup 1 */
ul.menu li.l1-visibility_1 {
 /* hide menu link for usergroup_1 */
 display: none !important;	
}

ok, for this example we are going to apply a link 2 and use link 2 to apply to calendar link also:

Edit Template: header_menu_calendar

<li><a href="{$mybb->settings['bburl']}/calendar.php" class="calendar">{$lang->toplinks_calendar}</a></li>

I add one minor edit to add class link2 ( l2 ) by GID to link:

<li class="l2-visibility_{$mybb->user['usergroup']}"><a href="{$mybb->settings['bburl']}/calendar.php" class="calendar">{$lang->toplinks_calendar}</a></li>

and in global.css i add the relative styling:

/* link 2 - usergroup 1 */
ul.menu li.l2-visibility_1 {
 /* hide menu link for usergroup_1 */
 display: none !important;	
}

here i still apply to usergroup 1 guest as that is your request but say you want other groups on a link you could define those and remove the existing  link 1 or link 2 usergroup 1 styling for either desired link...

but again for example and is why i suggested the l1 l2 variant is say you decide to apply a l3 to memberlist link for example:

Edit Template: header_menu_memberlist

<li><a href="{$mybb->settings['bburl']}/memberlist.php" class="memberlist">{$lang->toplinks_memberlist}</a></li>

<li class="l3-visibility_{$mybb->user['usergroup']}"><a href="{$mybb->settings['bburl']}/memberlist.php" class="memberlist">{$lang->toplinks_memberlist}</a></li>

and in global.css i add the relative styling:

/* link 3 - usergroup 1 */
ul.menu li.l3-visibility_1 {
 /* hide menu link for usergroup_1 */
 display: none !important;	
}

say you decide to apply a l4 to search link for example:

ok, for this example we are going to apply a link 4 and use link 4 to apply to search link also:

Edit Template: header_menu_search

<li><a href="{$mybb->settings['bburl']}/search.php" class="search">{$lang->toplinks_search}</a></li>

<li class="l4-visibility_{$mybb->user['usergroup']}"><a href="{$mybb->settings['bburl']}/search.php" class="search">{$lang->toplinks_search}</a></li>

and in global.css i add the relative styling:

/* link 4 - usergroup 1 */
ul.menu li.l4-visibility_1 {
 /* hide menu link for usergroup_1 */
 display: none !important;	
}

and then say you decide hey, the guest should still see help docs but not calendar, memberlist or search but then we want say for example usergroup 7 and 5 to still not see help docs we would change css as follows:

/* link 1 - usergroup 1 */
ul.menu li.l1-visibility_1 {
/* hide menu link for usergroup_1 */	
/* display: none !important; */	
}

/* link 1 - usergroup 5 */
ul.menu li.l1-visibility_5 {
/* hide menu link for usergroup_5 */	
 display: none !important; 
}

/* link 1 - usergroup 7 */
ul.menu li.l1-visibility_7 {
/* hide menu link for usergroup_7 */	
 display: none !important; 
}

/* link 2 - usergroup 1 */
ul.menu li.l2-visibility_1 {
/* hide menu link for usergroup_1 */	
 display: none !important;	
}

/* link 3 - usergroup 1 */
ul.menu li.l3-visibility_1 {
/* hide menu link for usergroup_1 */	
 display: none !important;	
}

/* link 4 - usergroup 1 */
ul.menu li.l4-visibility_1 {
/* hide menu link for usergroup_1 */	
 display: none !important;	
}

and if you want gid 5 & 7 for example applied to all simply for an example of additional gids added beyond gid 1

/** Link 1 **/

/* link 1 - usergroup 1 */
ul.menu li.l1-visibility_1 {
/* hide menu link for usergroup_1 */	
/* display: none !important; */	
}

/* link 1 - usergroup 5 */
ul.menu li.l1-visibility_5 {
/* hide menu link for usergroup_5 */	
 display: none !important; 
}

/* link 1 - usergroup 7 */
ul.menu li.l1-visibility_7 {
/* hide menu link for usergroup_7 */	
 display: none !important; 
}

/** Link 2 **/

/* link 2 - usergroup 1 */
ul.menu li.l2-visibility_1 {
/* hide menu link for usergroup_1 */	
 display: none !important;	
}

/* link 2 - usergroup 5 */
ul.menu li.l2-visibility_5 {
/* hide menu link for usergroup_5 */	
 display: none !important; 
}

/* link 2 - usergroup 7 */
ul.menu li.l2-visibility_7 {
/* hide menu link for usergroup_7 */	
 display: none !important; 
}

/** Link 3 **/

/* link 3 - usergroup 1 */
ul.menu li.l3-visibility_1 {
/* hide menu link for usergroup_1 */	
 display: none !important;	
}

/* link 3 - usergroup 5 */
ul.menu li.l3-visibility_5 {
/* hide menu link for usergroup_5 */	
 display: none !important; 
}

/* link 3 - usergroup 7 */
ul.menu li.l3-visibility_7 {
/* hide menu link for usergroup_7 */	
 display: none !important; 
}

/** Link 4 **/

/* link 4 - usergroup 1 */
ul.menu li.l4-visibility_1 {
/* hide menu link for usergroup_1 */	
 display: none !important;	
}

/* link 4 - usergroup 5 */
ul.menu li.l4-visibility_5 {
/* hide menu link for usergroup_5 */	
 display: none !important; 
}

/* link 4 - usergroup 7 */
ul.menu li.l4-visibility_7 {
/* hide menu link for usergroup_7 */	
 display: none !important; 
}

ie:

[Image: Forums.png]
oh, in this example so far we have set style/display control on 4 links but for what come next as suggested let us finish up the last link in default as we are using default links for example thought you would simply do similar for your specific added links

anyhoo, let us quickly round up the guide by doing link 5:

say you decide to apply a l5 to portal link for example:

ok, for this example we are going to apply a link 5 and use link 5 to apply to portal link also:

Edit Template: header_menu_portal

from:
<li><a href="{$mybb->settings['bburl']}/portal.php" class="portal">{$lang->toplinks_portal}</a></li>

to:
<li class="l5-visibility_{$mybb->user['usergroup']}"><a href="{$mybb->settings['bburl']}/portal.php" class="portal">{$lang->toplinks_portal}</a></li>

/* link 5 - usergroup 1 */
ul.menu li.l5-visibility_1 {
 /* hide menu link for usergroup_1 */
/* display: none !important;	*/
}
we have this commented out for now because it is only there if we ever decide to enable display none for this link and you


also note that you can say set other styling for example, say on  a link you want the guest to see you decide to set a link color to orange for that usergroup:

/* link 1 - usergroup 1 a */
ul.menu li.l1-visibility_1 a {
	color: orange !important;
}

so:
/** Link 1 **/

/* link 1 - usergroup 1 */
ul.menu li.l1-visibility_1 {
/* hide menu link for usergroup_1 */	
/* display: none !important; */
}

/* link 1 - usergroup 1  a */
ul.menu li.l1-visibility_1 a {
	/* link color */
	color: #FF7705 !important;
}

/* link 1 - usergroup 1 visited state */
ul.menu li.l1-visibility_1 a:visited {
	/* link color */	
	color: #FF7705 !important;
}

/* link 1 - usergroup 1 active & hover states */
ul.menu li.l1-visibility_1 a:active,
ul.menu li.l1-visibility_1 a:hover {
	/* link color */
	color: #0069B1 !important;	
}

and so:
/** Link 5 **/

/* link 5 - usergroup 1 */
ul.menu li.l5-visibility_1 {
/* hide menu link for usergroup_1 */	
/* display: none !important; */
}

/* link 5 - usergroup 1  a */
ul.menu li.l5-visibility_1 a {
	/* link color */
	color: #FF7705 !important;
}

/* link 5 - usergroup 1 visited state */
ul.menu li.l5-visibility_1 a:visited {
	/* link color */	
	color: #FF7705 !important;
}

/* link 5 - usergroup 1 active & hover states */
ul.menu li.l5-visibility_1 a:active,
ul.menu li.l5-visibility_1 a:hover {
	/* link color */
	color: #0069B1 !important;	
}

for example another reason I say you can expand on what is displayed or not by say this example of for usergroup 4 i could say opt to want to style the displayed links to the gid 4 text color for gid 4 user on l1, l2, l3, l4, l5 just for example sake:

/* link 1 - usergroup 4 a */
ul.menu li.l1-visibility_4 a {
	/* link color */
	color: #008000 !important;
}

/* link 1 - usergroup 4 visited state */
ul.menu li.l1-visibility_4 a:visited {
	/* link color */	
	color: #008000 !important;
}

/* link 1 - usergroup 4 active & hover states */
ul.menu li.l1-visibility_4 a:active,
ul.menu li.l1-visibility_4 a:hover {
	/* link color */
	color: #003400 !important;	
}

/* link 2 - usergroup 4 a */
ul.menu li.l2-visibility_4 a {
	/* link color */
	color: #008000 !important;
}

/* link 2 - usergroup 4 visited state */
ul.menu li.l2-visibility_4 a:visited {
	/* link color */	
	color: #008000 !important;
}

/* link 2 - usergroup 4 active & hover states */
ul.menu li.l2-visibility_4 a:active,
ul.menu li.l2-visibility_4 a:hover {
	/* link color */
	color: #003400 !important;	
}

/* link 3 - usergroup 4 a */
ul.menu li.l3-visibility_4 a {
	/* link color */
	color: #008000 !important;
}

/* link 3 - usergroup 4 visited state */
ul.menu li.l3-visibility_4 a:visited {
	/* link color */	
	color: #008000 !important;
}

/* link 3 - usergroup 4 active & hover states */
ul.menu li.l3-visibility_4 a:active,
ul.menu li.l3-visibility_4 a:hover {
	/* link color */
	color: #003400 !important;	
}

/* link 4 - usergroup 4 a */
ul.menu li.l4-visibility_4 a {
	/* link color */
	color: #008000 !important;
}

/* link 4 - usergroup 4 visited state */
ul.menu li.l4-visibility_4 a:visited {
	/* link color */	
	color: #008000 !important;
}

/* link 4 - usergroup 4 active & hover states */
ul.menu li.l4-visibility_4 a:active,
ul.menu li.l4-visibility_4 a:hover {
	/* link color */
	color: #003400 !important;	
}

/* link 5 - usergroup 4 a */
ul.menu li.l5-visibility_4 a {
	/* link color */
	color: #008000 !important;
}

/* link 5 - usergroup 4 visited state */
ul.menu li.l5-visibility_4 a:visited {
	/* link color */	
	color: #008000 !important;
}

/* link 5 - usergroup 4 active & hover states */
ul.menu li.l5-visibility_4 a:active,
ul.menu li.l5-visibility_4 a:hover {
	/* link color */
	color: #003400 !important;	
}

etc, etc... hopefully that makes sense on how to expand upon this and you see why I suggest after to expand by specific link and such if so desired as doing such gives a bit of control per...

just a final example of the aforementioned 5 link edits with various suggested stylings ie visibles by styled gids, 4, 6, 3, 2 applied to make overall css now replace by:

/** Link 1 **/

/* link 1 - usergroup 1 */
ul.menu li.l1-visibility_1 {
/* hide menu link for usergroup_1 */	
/* display: none !important; */
}

/* link 1 - usergroup 1 a */
ul.menu li.l1-visibility_1 a {
	/* link color */
	color: #FF7705 !important;
}

/* link 1 - usergroup 1 visited state */
ul.menu li.l1-visibility_1 a:visited {
	/* link color */	
	color: #FF7705 !important;
}

/* link 1 - usergroup 1 active & hover states */
ul.menu li.l1-visibility_1 a:active,
ul.menu li.l1-visibility_1 a:hover {
	/* link color */
	color: #0069B1 !important;	
}

/* link 1 - usergroup 5 */
ul.menu li.l1-visibility_5 {
/* hide menu link for usergroup_5 */	
 display: none !important; 
}

/* link 1 - usergroup 7 */
ul.menu li.l1-visibility_7 {
/* hide menu link for usergroup_7 */	
 display: none !important; 
}

/* admin */

/* link 1 - usergroup 4 a */
ul.menu li.l1-visibility_4 a {
	/* link color */
	color: #008000 !important;
}

/* link 1 - usergroup 4 visited state */
ul.menu li.l1-visibility_4 a:visited {
	/* link color */	
	color: #008000 !important;
}

/* link 1 - usergroup 4 active & hover states */
ul.menu li.l1-visibility_4 a:active,
ul.menu li.l1-visibility_4 a:hover {
	/* link color */
	color: #003400 !important;	
}

/* super mod */

/* link 1 - usergroup 6 a */
ul.menu li.l1-visibility_6 a {
	/* link color */
	color: #CC00CC !important;
}

/* link 1 - usergroup 6 visited state */
ul.menu li.l1-visibility_6 a:visited {
	/* link color */	
	color: #CC00CC !important;
}

/* link 1 - usergroup 6 active & hover states */
ul.menu li.l1-visibility_6 a:active,
ul.menu li.l1-visibility_6 a:hover {
	/* link color */
	color: #990099 !important;	
}

/* mod */

/* link 1 - usergroup 3 a */
ul.menu li.l1-visibility_3 a {
	/* link color */
	color: #CC00CC !important;
}

/* link 1 - usergroup 3 visited state */
ul.menu li.l1-visibility_3 a:visited {
	/* link color */	
	color: #CC00CC !important;
}

/* link 1 - usergroup 3 active & hover states */
ul.menu li.l1-visibility_3 a:active,
ul.menu li.l1-visibility_3 a:hover {
	/* link color */
	color: #990099 !important;	
}

/* registered */

/* link 1 - usergroup 2 a */
ul.menu li.l1-visibility_2 a {
	/* link color */
	color: #0072BC !important;
}

/* link 1 - usergroup 2 visited state */
ul.menu li.l1-visibility_2 a:visited {
	/* link color */	
	color: #0072BC !important;
}

/* link 1 - usergroup 2 active & hover states */
ul.menu li.l1-visibility_2 a:active,
ul.menu li.l1-visibility_2 a:hover {
	/* link color */
	color: #005389 !important;	
}

/** Link 2 **/

/* link 2 - usergroup 1 */
ul.menu li.l2-visibility_1 {
/* hide menu link for usergroup_1 */	
 display: none !important;	
}

/* link 2 - usergroup 5 */
ul.menu li.l2-visibility_5 {
/* hide menu link for usergroup_5 */	
 display: none !important; 
}

/* link 2 - usergroup 7 */
ul.menu li.l2-visibility_7 {
/* hide menu link for usergroup_7 */	
 display: none !important; 
}

/* admin */

/* link 2 - usergroup 4 a */
ul.menu li.l2-visibility_4 a {
	/* link color */
	color: #008000 !important;
}

/* link 2 - usergroup 4 visited state */
ul.menu li.l2-visibility_4 a:visited {
	/* link color */	
	color: #008000 !important;
}

/* link 2 - usergroup 4 active & hover states */
ul.menu li.l2-visibility_4 a:active,
ul.menu li.l2-visibility_4 a:hover {
	/* link color */
	color: #003400 !important;	
}

/* super mod */

/* link 2 - usergroup 6 a */
ul.menu li.l2-visibility_6 a {
	/* link color */
	color: #CC00CC !important;
}

/* link 2 - usergroup 6 visited state */
ul.menu li.l2-visibility_6 a:visited {
	/* link color */	
	color: #CC00CC !important;
}

/* link 2 - usergroup 6 active & hover states */
ul.menu li.l2-visibility_6 a:active,
ul.menu li.l2-visibility_6 a:hover {
	/* link color */
	color: #990099 !important;	
}

/* mod */

/* link 2 - usergroup 3 a */
ul.menu li.l2-visibility_3 a {
	/* link color */
	color: #CC00CC !important;
}

/* link 2 - usergroup 3 visited state */
ul.menu li.l2-visibility_3 a:visited {
	/* link color */	
	color: #CC00CC !important;
}

/* link 2 - usergroup 3 active & hover states */
ul.menu li.l2-visibility_3 a:active,
ul.menu li.l2-visibility_3 a:hover {
	/* link color */
	color: #990099 !important;	
}

/* registered */

/* link 2 - usergroup 2 a */
ul.menu li.l2-visibility_2 a {
	/* link color */
	color: #0072BC !important;
}

/* link 2 - usergroup 2 visited state */
ul.menu li.l2-visibility_2 a:visited {
	/* link color */	
	color: #0072BC !important;
}

/* link 2 - usergroup 2 active & hover states */
ul.menu li.l2-visibility_2 a:active,
ul.menu li.l2-visibility_2 a:hover {
	/* link color */
	color: #005389 !important;	
}

/** Link 3 **/

/* link 3 - usergroup 1 */
ul.menu li.l3-visibility_1 {
/* hide menu link for usergroup_1 */	
 display: none !important;	
}

/* link 3 - usergroup 5 */
ul.menu li.l3-visibility_5 {
/* hide menu link for usergroup_5 */	
 display: none !important; 
}

/* link 3 - usergroup 7 */
ul.menu li.l3-visibility_7 {
/* hide menu link for usergroup_7 */	
 display: none !important; 
}

/* admin */

/* link 3 - usergroup 4 a */
ul.menu li.l3-visibility_4 a {
	/* link color */
	color: #008000 !important;
}

/* link 3 - usergroup 4 visited state */
ul.menu li.l3-visibility_4 a:visited {
	/* link color */	
	color: #008000 !important;
}

/* link 3 - usergroup 4 active & hover states */
ul.menu li.l3-visibility_4 a:active,
ul.menu li.l3-visibility_4 a:hover {
	/* link color */
	color: #003400 !important;	
}

/* super mod */

/* link 3 - usergroup 6 a */
ul.menu li.l3-visibility_6 a {
	/* link color */
	color: #CC00CC !important;
}

/* link 3 - usergroup 6 visited state */
ul.menu li.l3-visibility_6 a:visited {
	/* link color */	
	color: #CC00CC !important;
}

/* link 3 - usergroup 6 active & hover states */
ul.menu li.l3-visibility_6 a:active,
ul.menu li.l3-visibility_6 a:hover {
	/* link color */
	color: #990099 !important;	
}

/* mod */

/* link 3 - usergroup 3 a */
ul.menu li.l3-visibility_3 a {
	/* link color */
	color: #CC00CC !important;
}

/* link 3 - usergroup 3 visited state */
ul.menu li.l3-visibility_3 a:visited {
	/* link color */	
	color: #CC00CC !important;
}

/* link 3 - usergroup 3 active & hover states */
ul.menu li.l3-visibility_3 a:active,
ul.menu li.l3-visibility_3 a:hover {
	/* link color */
	color: #990099 !important;	
}

/* registered */

/* link 3 - usergroup 2 a */
ul.menu li.l3-visibility_2 a {
	/* link color */
	color: #0072BC !important;
}

/* link 3 - usergroup 2 visited state */
ul.menu li.l3-visibility_2 a:visited {
	/* link color */	
	color: #0072BC !important;
}

/* link 3 - usergroup 2 active & hover states */
ul.menu li.l3-visibility_2 a:active,
ul.menu li.l3-visibility_2 a:hover {
	/* link color */
	color: #005389 !important;	
}

/** Link 4 **/

/* link 4 - usergroup 1 */
ul.menu li.l4-visibility_1 {
/* hide menu link for usergroup_1 */	
 display: none !important;	
}

/* link 4 - usergroup 5 */
ul.menu li.l4-visibility_5 {
/* hide menu link for usergroup_5 */	
 display: none !important; 
}

/* link 4 - usergroup 7 */
ul.menu li.l4-visibility_7 {
/* hide menu link for usergroup_7 */	
 display: none !important; 
}

/* admin */

/* link 4 - usergroup 4 a */
ul.menu li.l4-visibility_4 a {
	/* link color */
	color: #008000 !important;
}

/* link 4 - usergroup 4 visited state */
ul.menu li.l4-visibility_4 a:visited {
	/* link color */	
	color: #008000 !important;
}

/* link 4 - usergroup 4 active & hover states */
ul.menu li.l4-visibility_4 a:active,
ul.menu li.l4-visibility_4 a:hover {
	/* link color */
	color: #003400 !important;	
}

/* super mod */

/* link 4 - usergroup 6 a */
ul.menu li.l4-visibility_6 a {
	/* link color */
	color: #CC00CC !important;
}

/* link 4 - usergroup 6 visited state */
ul.menu li.l4-visibility_6 a:visited {
	/* link color */	
	color: #CC00CC !important;
}

/* link 4 - usergroup 6 active & hover states */
ul.menu li.l4-visibility_6 a:active,
ul.menu li.l4-visibility_6 a:hover {
	/* link color */
	color: #990099 !important;	
}

/* mod */

/* link 4 - usergroup 3 a */
ul.menu li.l4-visibility_3 a {
	/* link color */
	color: #CC00CC !important;
}

/* link 4 - usergroup 3 visited state */
ul.menu li.l4-visibility_3 a:visited {
	/* link color */	
	color: #CC00CC !important;
}

/* link 4 - usergroup 3 active & hover states */
ul.menu li.l4-visibility_3 a:active,
ul.menu li.l4-visibility_3 a:hover {
	/* link color */
	color: #990099 !important;	
}

/* registered */

/* link 4 - usergroup 2 a */
ul.menu li.l4-visibility_2 a {
	/* link color */
	color: #0072BC !important;
}

/* link 4 - usergroup 2 visited state */
ul.menu li.l4-visibility_2 a:visited {
	/* link color */	
	color: #0072BC !important;
}

/* link 4 - usergroup 2 active & hover states */
ul.menu li.l4-visibility_2 a:active,
ul.menu li.l4-visibility_2 a:hover {
	/* link color */
	color: #005389 !important;	
}

/** Link 5 **/

/* link 5 - usergroup 1 */
ul.menu li.l1-visibility_1 {
/* hide menu link for usergroup_1 */	
/* display: none !important; */
}

/* link 5 - usergroup 1 a */
ul.menu li.l5-visibility_1 a {
	/* link color */
	color: #FF7705 !important;
}

/* link 5 - usergroup 1 visited state */
ul.menu li.l5-visibility_1 a:visited {
	/* link color */	
	color: #FF7705 !important;
}

/* link 5 - usergroup 1 active & hover states */
ul.menu li.l5-visibility_1 a:active,
ul.menu li.l5-visibility_1 a:hover {
	/* link color */
	color: #0069B1 !important;	
}

/* link 5 - usergroup 5 */
ul.menu li.l5-visibility_5 {
/* hide menu link for usergroup_5 */	
 display: none !important; 
}

/* link 5 - usergroup 7 */
ul.menu li.l5-visibility_7 {
/* hide menu link for usergroup_7 */	
 display: none !important; 
}

/* admin */

/* link 5 - usergroup 4 a */
ul.menu li.l5-visibility_4 a {
	/* link color */
	color: #008000 !important;
}

/* link 5 - usergroup 4 visited state */
ul.menu li.l5-visibility_4 a:visited {
	/* link color */	
	color: #008000 !important;
}

/* link 5 - usergroup 4 active & hover states */
ul.menu li.l5-visibility_4 a:active,
ul.menu li.l5-visibility_4 a:hover {
	/* link color */
	color: #003400 !important;	
}

/* super mod */

/* link 5 - usergroup 6 a */
ul.menu li.l5-visibility_6 a {
	/* link color */
	color: #CC00CC !important;
}

/* link 5 - usergroup 6 visited state */
ul.menu li.l5-visibility_6 a:visited {
	/* link color */	
	color: #CC00CC !important;
}

/* link 5 - usergroup 6 active & hover states */
ul.menu li.l5-visibility_6 a:active,
ul.menu li.l5-visibility_6 a:hover {
	/* link color */
	color: #990099 !important;	
}

/* mod */

/* link 5 - usergroup 3 a */
ul.menu li.l5-visibility_3 a {
	/* link color */
	color: #CC00CC !important;
}

/* link 5 - usergroup 3 visited state */
ul.menu li.l5-visibility_3 a:visited {
	/* link color */	
	color: #CC00CC !important;
}

/* link 5 - usergroup 3 active & hover states */
ul.menu li.l5-visibility_3 a:active,
ul.menu li.l5-visibility_3 a:hover {
	/* link color */
	color: #990099 !important;	
}

/* registered */

/* link 5 - usergroup 2 a */
ul.menu li.l5-visibility_2 a {
	/* link color */
	color: #0072BC !important;
}

/* link 5 - usergroup 2 visited state */
ul.menu li.l5-visibility_2 a:visited {
	/* link color */	
	color: #0072BC !important;
}

/* link 5 - usergroup 2 active & hover states */
ul.menu li.l5-visibility_2 a:active,
ul.menu li.l5-visibility_2 a:hover {
	/* link color */
	color: #005389 !important;	
}


Best of luck! Big Grin  Happy editing! info now added to tutorials section also: https://community.mybb.com/thread-231617...pid1364270
thanks for the help