The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Change background upon hover

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #292899

    Hi all !

    I would like the fullscreen background to change when I hover a menu element.

    I have tried the following code :

    .menu-overlay .menu-item-76:hover {
    background-image: url(‘’)

    But it only changes the background of the menu-item, not the whole background. Any idea on how to display it fullscreen ? Many thanks

    The page I need help with:


    You can’t select UP the DOM with CSS.

    You would need Javascript to do that.


    Yes, you’ll need javascript to do that. I have done this for you. Refer to this link.

    You can add overlay on ::after on .menu-overlay with black rgba so you can read the menu link text.


    Hi Sukaram ! Thanks so much for this code =)

    I’ve tried it on Elementor, but can’t seem to make it work. If I pay you, could you implement it ? Please contact me here : [email protected] (I have also another small script to implement on another page and I suck at JS). Thanks anyway

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.