[cXF] Icons in More options menu

[BassMan]

BassMan submitted a new resource:

[cXF] Icons in More options menu - DIY guide for icons in More options menu.

Add icons to the More options menu and make it transparent and faster to act:

View attachment 313314

Add this to your extra.less template (for XenForo 2.3):

/* Icons in More options menu */
.menu--right .menu-content a.menu-linkRow {
    &:before {
        padding-right: 5px;
    }
    &[href*="/edit"]:before {
        .m-faContent(@fa-var-edit);
    }
    &[href*="/change-type"]:before {...

Read more about this resource...

 

[🔥Iggy🔥]

thank you for this and i noticed how to also apply it to navigation in general...its fun to play with...then i saw the member overview "widget" which isnt really a widget...on the members page.
i wanted to apply some things on that but its having a problem seems like, with the ?key= part of the link.
so like ?key=todaysbirthdays didnt seem to work the couple ways i tried...any ideas on that?

...in phrases i guess but is that ideal
kind regards

 

[BassMan]

Try with this:

.memberOverviewBlocks .block-textHeader a {
    &[href*="/members/?key=todaysbirthdays"]:before {
        .m-faContent(@fa-var-gift);
        padding-right: 5px;
    }
}

 

[🔥Iggy🔥]

Try with this:

.memberOverviewBlocks .block-textHeader a {
    &[href*="/members/?key=todaysbirthdays"]:before {
        .m-faContent(@fa-var-gift);
        padding-right: 5px;
    }
}

couldnt get that to work....i thought it might be because the custom style, but doesnt work on default either...seems close, idk.
btw i know i missed the underscore but i edited that in..

 

[🔥Iggy🔥]

this is also different if anyone uses the ui.x style but i found this code to work there..

a.blockLink.rippleButton{
    &[href*="/members/?key=todays_birthdays"]:before {
        .m-faContent(@fa-var-gift);
        padding-right: 5px;
    }
}

 

[BassMan]

couldnt get that to work....i thought it might be because the custom style, but doesnt work on default either...seems close, idk.
btw i know i missed the underscore but i edited that in..

It works on my side. You can send me a link to your site so I can check.

 

[Gemma]

As always, a nice little addition @BassMan

Using it on XF2.2.x with one little code tweak