Xfce Forum

aalbani

Member

Registered: 2023-03-30

Posts: 43

#genmon-18 image hover not working

#genmon-18 image {
        background: #282828;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        margin: 5px;
        padding: 4px;
}

that works great

only the hover effect doesn't work, where is my mistake

#genmon-18 image:hover

ToZ

Administrator

From: Canada

Registered: 2011-06-02

Posts: 12,280

Re: #genmon-18 image hover not working

I don't believe the hover pseudoclass has an effect on an image element. On the 4.x branch of the plugin, this should work:

#genmon-18 .genmon_imagebutton:hover image {
        background: red;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        margin: 5px;
        padding: 4px;
}

More info on genmon CSS styling can be found at: https://gitlab.xfce.org/panel-plugins/x … tyling.txt.

---

Mark solved threads as [SOLVED] to make it easier for others to find solutions.
--- How To Ask For Help | FAQ | Developer Wiki  |  Community | Contribute ---