Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #24816

    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

    #124844

    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.

    #124845

    Awesome Dude,

    That worked like a charm.

    Thank you!

    #124846

    Hey,

    Glad it worked. :)

    Cheers,

    Ismael

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