[cXF] Icons for Login and Register buttons

[BassMan]

BassMan submitted a new resource:

Icons for Login and Register buttons - ... with Font Awesome

Check Free and Premium cXF DIY Customizations on customizexf.com

View attachment 165164

Add code to your extra.less template:

/* Icons for Login and Register buttons */
.p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--logIn:before {
    font-family: FontAwesome;
    content: "\f090";
    color: #E6BB5C;
    padding-right: 5px;
}...

Read more about this resource...

 

[Gator]

I would like to add this to my Style "Shades of Grey" if that is alright with you.

 

[BassMan]

Of course

 

[Xeroxxx]

Icon colors for the default theme if anybody needs:

#C8DEEE

 

[BassMan]

BassMan updated Icons for Login and Register buttons with a new update entry:

Code update for XF 2.1

• code update for XF 2.1

Read the rest of this update entry...

 

[SeaWolf]

Perfect, but on mobile i dont see the icon. I use XF 2.2.13
Any help?
Thank you!

 

[BassMan]

Hello,

You have copied the wrong code. Please copy the code for XF 2.2.

I'll paste it here too:

/* Icons for Login and Register buttons */
.p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--logIn:before {
    .m-faBase();
    .m-faContent(@fa-var-sign-in, 1em);
    color: #E6BB5C;
}
.p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--register:before {
    .m-faBase();
    .m-faContent(@fa-var-key, 1em);
    color: #E6BB5C;
}
/**********/

 

[SeaWolf]

Hello,

You have copied the wrong code. Please copy the code for XF 2.2.

I'll paste it here too:

/* Icons for Login and Register buttons */
.p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--logIn:before {
    .m-faBase();
    .m-faContent(@fa-var-sign-in, 1em);
    color: #E6BB5C;
}
.p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--register:before {
    .m-faBase();
    .m-faContent(@fa-var-key, 1em);
    color: #E6BB5C;
}
/**********/

Awww thank you!

 

[BassMan]

BassMan updated [cXF] Icons for Login and Register buttons with a new update entry:

Updated for XF 2.3

• updated for XF 2.3

Read the rest of this update entry...

 

[CTS]

Wish this added the icons to responsivenarrow menu also.

Is there a snippet I can add to add that?

 

[BassMan]

It already adds.

 

[CTS]

It already adds.

Maybe I misspoke and meant, offCanvas menu.

I have checked any extraless for any conflicts and I am only running on a slightly modified stock style.
And I just do not see it showing up. Works perfectly at all other screen resolutions that do not trigger offCanvas menu.

Lemme dig a bit deeper...

 

[BassMan]

Oh, sorry, you mean here:




Add this code to your extra.less template:

/* Icons for Login and Register buttons */
.p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--logIn:before,
.p-offCanvasRegisterLink [href*="login"]:before {
    .m-faContent(@fa-var-sign-in);
    color: #E6BB5C;
}
.p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--register:before,
.p-offCanvasRegisterLink [href*="register"]:before {
    .m-faContent(@fa-var-key);
    color: #E6BB5C;
}
/**********/

And you'll get this:

 

[CTS]

Appreciate it Bassman.

I am on the XF cloud so I am still on 2.2, so they dont display the FA. I am looking at the difference of code between 2.2 and 2.3 and see some differences.

Sorry to be a pain.

 

[BassMan]

Sorry, I've updated it for XF 2.2 now.

 

[CTS]

Sorry, I've updated it for XF 2.2 now.

Thank you very much @BassMan