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. How to change text color when using Image hover addon

How to change text color when using Image hover addon

Scheduled Pinned Locked Moved Addons
4 Posts 2 Posters 288 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.
  • J Offline
    J Offline
    jnemeck
    wrote on last edited by
    #1

    Hi there,

    I would like to ask how is possible to change color of the text when using Image Hover Addon.

    I have index on my website which has to be done as a table, because the text would not be properly aligned ( is that right?)

    Snímek obrazovky 2020-09-18 v 19.02.34.png

    First of all I would like to select the whole row when hovering on it so the text would change it's color from black to gray and the image would show.

    Now I can only show image when hovering over separate text in cell.

    Snímek obrazovky 2020-09-18 v 19.03.25.png

    It would be great if the whole row would change the text color and also if the picture will show the whole time when hovering above it...

    Is there any way how to do it?

    I hope you understand my question.. :)

    Thanks a lot,
    best,
    Johana
    ![alt text](image url)

    1 Reply Last reply
    0
    • RichardR Offline
      RichardR Offline
      Richard
      Global Moderator
      wrote on last edited by
      #2

      Dear @jnemeck

      Could you please post a link to your website with the page in question, and i can take a better look :)

      Best wishes and thank you for being a Lay Theme user.

      Sincerely
      Richard

      1 Reply Last reply
      0
      • J Offline
        J Offline
        jnemeck
        wrote on last edited by
        #3

        Hey Richard,

        this is how the page is now with the Addon.
        After each text segment in the table I did type few space bars to make the sign longer. Than I did select the whole sign and made a link. But still when you hover your mouse over a table split-from one category to another the image disappears.
        http://www.otherprojectsstudio.com/index-s-nahledem-3-2-2

        And this is the design I would like to achieve.
        When you hover over the categories the image changes, but it stays on the same exact spot, plus the text change its colour to grey.
        http://www.otherprojectsstudio.com/index-s-nahledem-2

        Thank you for your help :)

        1 Reply Last reply
        0
        • RichardR Offline
          RichardR Offline
          Richard
          Global Moderator
          wrote on last edited by
          #4

          Dear @jnemeck

          To achieve what you wish with all the row as one link and the option to then have the Hover image occur across the whole row:

          http://laythemeforum.com:4567/topic/5857/row-as-link-to-page

          This thread i'm quite sure contains the steps needed,
          Give it a go and let me know how you get on :)

          Good luck and thank you for using Lay Theme.

          Best
          Richard

          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
          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