Lay Theme Forum

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

    show div on hover

    General Discussion
    hover css
    2
    2
    904
    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.
    • V
      vraagje last edited by

      Hi he hello

      I want to make a Div from the custom css/html sections to be shown when hovering over a div inside a page.
      I made a little jsfiddle to explain/show what i mean and want.

      When implementing the code inside laytheme, It only works half.
      #a:hover {... works fine
      #a:hover + #b {... doesn't work

      I tried to explain as clearly as possible, if not please say so.
      Thanks!

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

        hello vraagje!

        here i read that the "+" css operator only applies to an element if it is an adjacent element (next to the other one)
        http://stackoverflow.com/questions/1139763/what-does-the-plus-sign-css-selector-mean

        Thats why it doesn't work on your website, because the elements are not adjacent. However, you can achieve this mouseover interaction with js.
        In "custom html& css" -> "custom <head> content":

        <script>
        jQuery(document).on("mouseenter", ".hoverme", function(event) {
        	jQuery(".showme").show();
        });
        jQuery(document).on("mouseleave", ".hoverme", function(event) {
        	jQuery(".showme").hide();
        });
        </script>
        

        In the above example i didnt use your id's but used some classes "showme" and "hoverme"

        1 Reply Last reply Reply Quote 0
        • First post
          Last post
        Post a link to where the problem is if possible, please <3
        I don't answer or check forum DMs, please just post on the forum.
        Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com

        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. When using a WordPress Cache plugin, disable it or clear your cache. Now see if your problem solved itself.
        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

        Recent Topics

        • Website gone all blank after update 6.3.1

        • A

          sit carousel captions at bottom of page

        • A

          carousel addon is blank on the front page

        • menu doesn't show on latest update 6.3.1

        laytheme.com