Tagged: ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • January 11, 2016 at 11:04 pm #563545
    jambrikp

    Hello,

    I would like to hide excerpt and show when hover to image.
    Do you have any idea how can I do this?

    I tried solve but… doesn’t work perfectly. Please check preview 2 link

    Best regards,
    Peter

    January 12, 2016 at 2:33 am #563609
    Elliott

    Hey Peter!

    Try adding this into a codeblock element in the page.

    <style type = "text/css">
.grid-content { display: none; }
article:hover .grid-content { display: block; }
</style>

    Cheers!
    Elliott

    January 12, 2016 at 12:06 pm #563819
    jambrikp

    Hey Elliot!

    I tried this, but doesnt work perfectly.
    The problem the next row image grid because its doesnt recalculate position just when reloading the page.

    How can I fix it?

    Best regards,
    Peter

    January 13, 2016 at 1:11 pm #564638
    Andy

    Hey!

    add this code as well:

    article:hover .grid-content {
display: none;
}

    Regards,
    Andy

    January 13, 2016 at 2:40 pm #564721
    jambrikp

    Hi,

    Please check my hover before and hover after mockup and live preview.
    I would like if I hover mouse to article the grid contect display and the next row’s images go down (images top position change from 509px to 616 px). The diplay none and block its okay but I dont know how can I change top position of images.

    Please help me I dont want to use Uber Grid or something else. Thank you.

    Best Regards,
    Peter

    January 13, 2016 at 3:54 pm #564761
    jambrikp

    Or if its so hard (hire freelancer etc)

    How can I change porfolio image overlay icon to portfolio post excerpt?
    I have a live mockup with UberGrid.

    Maybe like this: %post_excerpt% but how?

    Lot of thanks
    Peter

    January 14, 2016 at 2:25 pm #565399
    Andy

    Hi!

    what you describe here won’t be easily possible, so a freelance developer would be necessary for this job.

    Image overlay icon is controlled by css value “content”, for example: 

    .image-overlay.overlay-type-extern .image-overlay-inside:before {
content: url(https://yourwebsite.com/icon.png);
font-family: 'entypo-fontello';
}

    and you can’t call the excerpt into it, as far as I know. Unfortunately you would need to hire a freelance developer for this as well.

    Cheers!
    Andy

    January 14, 2016 at 3:58 pm #565466
    jambrikp

    Alright, thank you! :)

    And do you know how can I change URL content in your code to entypo-fontello icon character?

    .image-overlay.overlay-type-extern .image-overlay-inside:before {
content: url(https://yourwebsite.com/icon.png);
font-family: 'entypo-fontello';
}

    So example I dont want to use icon.png I would like to use an icon character like this >

    Best regards,
    Peter

    January 14, 2016 at 4:19 pm #565490
    Andy

    Hi!

    for example: 

    .image-overlay.overlay-type-extern .image-overlay-inside:before {
content: "\E869"; 
font-family: 'entypo-fontello';
}

    Regards,
    Andy

    January 14, 2016 at 4:32 pm #565509
    jambrikp

    Thank you :)
    You can close this topic :)

    January 14, 2016 at 5:02 pm #565549
    Andy

    Hi!

    glad we could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

    Regards,
    Andy

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Portfolio item gallery excerpt show when hovering’ is closed to new replies.