Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #22647

    Hello.

    1. How do you change the icon that is displayed in the hover overlay for portfolio items?

    2. If I wanted to change the actual overlay style, can you show me where this can be done in the project files.

    Would love to have an option to choose the icon for different portfolio/post types and also have different hover overlay options. Thanks.

    #116633

    Any suggestions please? Thanks.

    #116634

    Hi,

    1.) Edit css > base.css and find this code.

    .image-overlay .image-overlay-inside::before{content:"E744"; font-family: 'entypo-fontello'; font-size: 18px; font-weight: normal; }
    .image-overlay.overlay-type-extern .image-overlay-inside::before{content:"27A6";}
    .image-overlay.overlay-type-video .image-overlay-inside::before{content:"25B6";}

    You can change it to something like this.

    .image-overlay .image-overlay-inside::before{content:"E744"; font-family: 'entypo-fontello'; font-size: 18px; font-weight: normal; }
    .image-overlay.overlay-type-extern .image-overlay-inside::before{content:"E723";}
    .image-overlay.overlay-type-video .image-overlay-inside::before{content:"E723";}

    Change the “content” property using Entypo. Refer to this link. http://www.entypo.com/characters/

    Regards,

    Ismael

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

The topic ‘Hover Overlay’ is closed to new replies.