Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. Addons
  3. Project Index - image hover - background colour & opacity settings

Project Index - image hover - background colour & opacity settings

Scheduled Pinned Locked Moved Addons
4 Posts 3 Posters 205 Views
  • 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.
  • V Offline
    V Offline
    vthevoz
    wrote on May 10, 2023, 5:16 PM last edited by vthevoz May 10, 2023, 1:17 PM
    #1

    Hi there!

    Would it be possible to ad a background color with opacity setting to the background of image hovers when hovering on a project index, similarly to when you can change the background settings of images in the Lightbox add-on?

    I would love to have the hovered images put forward by having a color overlay at a X% opacity between the hovering image and a project index list.

    The top must feature would have to be: having a configurable opacity background overlay, automatically using the colour of a selected hovering image, i.e., if the hovering image of a project index row is mainly in a blue tint, then the background (between the hovering image and the project index list) would be the same blue tint, with a customisable opacity setting.

    I'm quite sure the code is not that complicated and the options could be easily added to the Hover image settings, but I'm no expert and although not urgent, this feature would be a nice custom touch to the already incredible Project index feature!

    Thank you!

    V.

    Current hover state ->
    before.jpeg

    With background hover options ->
    after.jpeg

    T 1 Reply Last reply Aug 1, 2023, 8:27 AM
    0
    • A Offline
      A Offline
      arminunruh
      Global Moderator
      wrote on May 20, 2023, 6:15 PM last edited by
      #2

      hey this is a really cool idea!
      unfortunately i dont think i have time to code this :/

      1 Reply Last reply
      1
      • V vthevoz
        May 10, 2023, 5:16 PM

        Hi there!

        Would it be possible to ad a background color with opacity setting to the background of image hovers when hovering on a project index, similarly to when you can change the background settings of images in the Lightbox add-on?

        I would love to have the hovered images put forward by having a color overlay at a X% opacity between the hovering image and a project index list.

        The top must feature would have to be: having a configurable opacity background overlay, automatically using the colour of a selected hovering image, i.e., if the hovering image of a project index row is mainly in a blue tint, then the background (between the hovering image and the project index list) would be the same blue tint, with a customisable opacity setting.

        I'm quite sure the code is not that complicated and the options could be easily added to the Hover image settings, but I'm no expert and although not urgent, this feature would be a nice custom touch to the already incredible Project index feature!

        Thank you!

        V.

        Current hover state ->
        before.jpeg

        With background hover options ->
        after.jpeg

        T Offline
        T Offline
        tinjessen
        wrote on Aug 1, 2023, 8:27 AM last edited by
        #3

        @vthevoz how do you create the image hover in the project index? I cannot find this option.

        1 Reply Last reply
        0
        • A Offline
          A Offline
          arminunruh
          Global Moderator
          wrote on Aug 3, 2023, 8:15 PM last edited by
          #4

          u need to have the imagehover addon installed

          1 Reply Last reply
          0
          Reply
          • Reply as topic
          Log in to reply
          • Oldest to Newest
          • Newest to Oldest
          • Most Votes


          I also code custom websites or custom Lay features.
          💿 Email me here: 💿
          info@laytheme.com

          Before you post:
          1. When using a WordPress Cache plugin, disable it or clear your cache.
          2. Update Lay Theme and all Lay Theme Addons
          3. Disable all Plugins
          4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

          This often solves issues you might run into

          When you post:
          1. Post a link to where the problem is
          2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
          3. If the problem is difficult to explain, post screenshots / link to a video to explain it
          Online Users
          S
          Stanlouche
          14 minutes ago
          E
          ericcodina
          24 minutes ago
          T
          ta_io
          26 minutes ago
          Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
          laytheme.com
          • Login

          • Don't have an account? Register

          • Login or register to search.
          • First post
            Last post
          0
          • Recent
          • Tags
          • Popular
          • Users
          • Search