New Landing How can we help? General Feedback & Suggestions Improvement Suggestion: Adding title on thumbnail

Viewing 15 posts - 1 through 15 (of 15 total)
  • #280535
    oliverr
    Member
    Post count: 123

    Example-Demo: https://dl.dropboxusercontent.com/u/397267/test/test.html

    – Add a title on top of a thumbnail plus option to set title-color (link/hover/current).

    #280746
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    Can do that with some custom css, what’s your link?

    – Kyle

    #280775
    oliverr
    Member
    Post count: 123
    This reply has been marked as private.
    #280863
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Try adding this to your custom css:

    figure.animated-overlay figcaption {
      opacity: 1;
    }
    figure.animated-overlay:not(:hover) figcaption {
      background: transparent;
    }
    .gallery-item:not(:hover) figcaption .thumb-info > div[itemprop="description"] {
      display: none;
    }

    – Kyle

    #281041
    oliverr
    Member
    Post count: 123

    Hey Kyle, thank you for your help.
    Unfortunately your solution does create a problem.
    It does work without problems if you do not have a customized hover-background-color,
    but if you do, the customized background-color is visible all the time, not just in hover-state.
    Portfolio-page

    Is this fixable?

    Attachments:
    You must be logged in to view attached files.
    #281049
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Ahh unfortunately not, as the bg colour is set inline. The only way to fix it would be to force the background to be transparent but then there would be no hover colour

    – Kyle

    #281055
    oliverr
    Member
    Post count: 123

    Too bad 🙁
    Well, this request was intended as a feature request anyway.
    I hope this feature will find its way in this theme in the future.

    #281064
    oliverr
    Member
    Post count: 123

    Hey Kyle,
    Is it the case that all hover-states for the portfolio are hard to style?
    I spent an hour with the chrome inspector to find out if I can add a hover-effect on this:
    <h4 itemprop=”name headline”>Desert Mini Planet</h4>
    … but it won’t work. Is this a similar issue that can’t be fixed?

    #281186
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    You want to add a hover effect to the heading? Like change the colour?

    – Kyle

    #281198
    oliverr
    Member
    Post count: 123

    Yes! (border-bottom in this example to copy the style from the menu)

    #281209
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    It’s because the link to the page has a higher z-index than the text, therefor it’s not possible to assign the hover state to the text

    You would have to increase the z-index of the text but then there would be no link to the item page

    – Kyle

    #281449
    oliverr
    Member
    Post count: 123

    Too bad! That’s disappointing 🙁
    I hope this will be possible in the future.

    #281453
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Sorry about that

    #282404
    oliverr
    Member
    Post count: 123

    Can someone forward this suggestion to the development team?
    Thanks!

    #282474
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    All topics in Feedback & Suggestions are forwarded to the developer

    – Kyle

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

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register