Skip to main content


This topic contains 1 reply, has 2 voices, and was last updated by  Beverleyh 5 months, 2 weeks ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #279756


    Hi guys,

    I have the following image

    Essentially what I want is that when I hover over the light blue area, the TEXT1 box shows on the right hand side of the image as part of a div. When the mouse is not over the light blue area anymore, text disappears.

    Likewise, when I move it and hover over the pink area, the TEXT2 box shows up as part of a div on the right side.

    I have struggled to find something that works so any help is welcome.

    Thank you!



    Googling “hover over div to reveal another div” yields many revelant results so I’d start your research there if I were you.

    You should also read up on the following CSS selectors;
    – “:hover selector”,
    – “general sibling selector ~”,
    – “adjacent sibling selector +”

    And if you’re rusty on positioning/layout, try here

    Should you need any specific help, feel free to post back with your code in a working but simplified CodePen demo, along with a clear description of the problem, what you’d like to happen instead, and what you’ve tried to achieve it, and then we can offer suggestings based on that. Unfortunately we can’t troubleshoot an image.

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

You must be logged in to reply to this topic.

icon-link icon-logo-star icon-search icon-star