The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Adding a font awesome to login and Register

2 posters

Go down

Solved Adding a font awesome to login and Register

Post by Ape March 23rd 2017, 9:54 pm

Hello all i have been making a change to my forum and have done all i want to add things to the tool bar all but the login and Register

Now i need to have some help adding something like this to the
Login
and
Register
Adding a font awesome to login and Register Captur38


can someone help on this pleas

Thanks

APE


Adding a font awesome to login and Register Left1212Adding a font awesome to login and Register Center11Adding a font awesome to login and Register Right112
Adding a font awesome to login and Register Ape_b110
Adding a font awesome to login and Register Keep_s10
Adding a font awesome to login and Register Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 17856
Reputation : 1904
Language : fluent in dork / mumbojumbo & English haha

View user profile http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: Adding a font awesome to login and Register

Post by Draxion March 24th 2017, 4:56 am

Hi there, add this to your CSS:
Code:
#fa_right > a:nth-child(1):before {
  content: '';
  padding-right: 2px;
}

#fa_right > a:nth-child(2):before {
  content: '':
  padding-right: 2px;
}

Now... I am not sure if they will show up as those icons at first if you don't have the link source in your coding, but this is worth a shot. All else fails, you can even put in place an image instead of font.
Draxion
Draxion
Support Moderator
Support Moderator

Male Posts : 2513
Reputation : 321
Language : English
Location : USA

View user profile https://www.talesoftellene.com/

Back to top Go down

Solved Re: Adding a font awesome to login and Register

Post by Ape March 24th 2017, 6:50 pm

Thank you @Draxion that did not work at first then i found out why lol

Code:
it should have been like this
#fa_right > a:nth-child(1):before {
  content: "";font-family:FontAwesome;
  padding-right: 2px;
}

#fa_right > a:nth-child(2):before {
  content: "" ;font-family:FontAwesome;
  padding-right: 2px;
}
your code did not have this part in it
Code:
;font-family:FontAwesome

Buy now solved with thanks to you Smile

Problem solved & topic archived.
Please read our forum rules: ESF General Rules


Adding a font awesome to login and Register Left1212Adding a font awesome to login and Register Center11Adding a font awesome to login and Register Right112
Adding a font awesome to login and Register Ape_b110
Adding a font awesome to login and Register Keep_s10
Adding a font awesome to login and Register Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 17856
Reputation : 1904
Language : fluent in dork / mumbojumbo & English haha

View user profile http://chatworld.forumotion.co.uk/

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum