Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 14, 2013 at 1:09 pm #24816
    eightpage

    Hi Guys,

    How do I use a custom overlay image instead of the fontello icon?

    I guess with background-image command, but I cannot figure out the proper CSS.

    Any help much appreciated.

    Cheers

    Constantin

    June 16, 2013 at 10:01 am #124844
    Dude

    Kriesi uses following code to insert the icon

    .image-overlay.overlay-type-extern .image-overlay-inside::before{content:"27A6";}
    
.image-overlay.overlay-type-video .image-overlay-inside::before{content:"25B6";}

    You can replace the “content value with eg an image url: http://www.htmldog.com/reference/cssproperties/content/

    Eg replace it with

    .image-overlay.overlay-type-extern .image-overlay-inside::before{content: url(https://mywebsite.com/images/image.png);}
    
.image-overlay.overlay-type-video .image-overlay-inside::before{content: url(https://mywebsite.com/images/image.png);}

    and make sure that the url path points to an existing image.

    June 19, 2013 at 12:20 pm #124845
    eightpage

    Awesome Dude,

    That worked like a charm.

    Thank you!

    June 20, 2013 at 2:39 am #124846
    Ismael

    Hey,

    Glad it worked. :)

    Cheers,

    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Use custom overlay image’ is closed to new replies.