Lay Theme Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Popular
    • Users
    • Search

    Project Thumbnails Mouseover/Hover Reverse?

    General Discussion
    2
    2
    216
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • S
      sebastianpetrov last edited by

      Hi!

      Is it possible to reverse the project thumbnail mouseover effects on desktop?

      I currently have project thumbnails mouseover state set to blur, reveal background colour at 50% and project title on image.

      I was thinking it could be cool to have the page load all thumbnails in the mouseover state, like in the mobile options - the difference being, on hovering over the project thumbnail, the blur, background color and project title fade away to fully reveal the image - literally a reversal of the already available effects.

      I figure this may be a nice way to keep simple navigation available to the website user and reduce the aesthetic contrast between varying projects so they sit together more nicely - and kind of taunt them into viewing the whole project instead of stopping at the project thumbnails page.

      It seems straight-forward in my mind, but I know things aren't always as easy as I imagine. Is it simple enough and could you help me with that?

      1 Reply Last reply Reply Quote 0
      • mariusjopen
        mariusjopen Global Moderator last edited by

        Dear @sebastianpetrov
        for sure this is possible.
        Btu you need to dig into CSS.

        ;-)

        Best!

        Marius

        www.mariusjopen.world

        1 Reply Last reply Reply Quote 0
        • First post
          Last post

        Before you post

        Use the Search Feature. Maybe there is already a solution to your issue.

        1. Update Lay Theme and all Lay Theme Addons
        2. Disable all Plugins
        3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
        4. Now see if your problem solved itself
        5. Go here, see if your problem is listed here:
        Troubleshooting

        When you post:
        1. Post a link to where the problem is
        2. If the problem is difficult to explain, post screenshots / link to a video to explain it

        Thanks!

        Online Users

        M
        M
        M

        Recent Topics

        • M

          komische boxen auf der Website

        • S

          Theme crashed - because of Polylang?

        • J

          Split Screen just on front page / subpages without the split?

        • Y

          image quality dropped

        laytheme.com