Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • April 30, 2013 at 2:11 pm #22647
    joe88

    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.

    May 1, 2013 at 7:06 pm #116633
    joe88

    Any suggestions please? Thanks.

    May 1, 2013 at 9:09 pm #116634
    Ismael

    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

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Hover Overlay’ is closed to new replies.