SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Enthusiast thehung1724's Avatar
    Join Date
    Sep 2013
    Posts
    96
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    How to create background image with font-awesome?

    I know how to create background image with text, but when i use font-awesome for my site i can't do this. Hope anyone can help me? Looks like that.

    Untitled-1.jpg

  2. #2
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,469
    Mentioned
    61 Post(s)
    Tagged
    2 Thread(s)
    It looks like you have created an image and the image can be placed in the background using CSS.

    Would you please restate the problem?

  3. #3
    SitePoint Enthusiast thehung1724's Avatar
    Join Date
    Sep 2013
    Posts
    96
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    What your mean dude?

  4. #4
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,469
    Mentioned
    61 Post(s)
    Tagged
    2 Thread(s)
    I mean, I do not understand what you want to do.

    You have created an image using Awesome font. That image is in your first post.

    You said that you know how to create a background image using text.

    They are the same... they are both images.

    Foreground image or background image depends on where it is coded, HTML or CSS.

    I do not understand the problem. Can you give more information?

  5. #5
    SitePoint Enthusiast thehung1724's Avatar
    Join Date
    Sep 2013
    Posts
    96
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    i mean i know add font-awesome but i don't know how to use it with background image

  6. #6
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,469
    Mentioned
    61 Post(s)
    Tagged
    2 Thread(s)
    From what I can tell, the awesome-font icons can be called by their classname assigned to a pair of tags such as <i> tags.
    <i class="icon-ok-sign icon-2x"></i>
    They could certainly be placed over a background image.

    How do you want to use them with a background image?


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •