If you have troubles since the update to WordPress 4.5 please read this post before opening a new thread.

Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #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.




    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(http://mywebsite.com/images/image.png);}
    .image-overlay.overlay-type-video .image-overlay-inside::before{content: url(http://mywebsite.com/images/image.png);}

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


    Awesome Dude,

    That worked like a charm.

    Thank you!



    Glad it worked. :)



Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Use custom overlay image’ is closed to new replies.