Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #563545

    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

    #563609

    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

    #563819

    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

    #564638

    Hey!

    add this code as well:

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

    Regards,
    Andy

    #564721

    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

    #564761

    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

    #565399

    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

    #565466

    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

    #565490

    Hi!

    for example:

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

    Regards,
    Andy

    #565509

    Thank you :)
    You can close this topic :)

    #565549

    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

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