Support » Plugin: Widgets for SiteOrigin » Inked Accordion Icon Hover?

  • rirohena

    (@rirohena)


    I’m using the free version Inked Accordion and I’m very happy with it. However, I wonder whether and how I can hover the icons (e.g., arrows) of the widget?

    I use the hover function for the background and the title which are included in the widget (in my case the background color changes in petrol and the title becomes white when you hover). But the widget doesn’t include a hover possibility for the icons which should also change color accordingly. I tried to get a hold of the icons via CSS, but it doesn’t work. I figured out that the problem lies in the predefined CSS command:

    `
    .so-widget-ink-accordion-accordion-3120d42d7a23 .iw-so-accordion .iw-so-acc-item .iw-so-acc-title .iw-so-tgl-close {
    color: #333333;
    }
    .so-widget-ink-accordion-accordion-3120d42d7a23 .iw-so-accordion .iw-so-acc-item .iw-so-acc-title .iw-so-tgl-open {
    color: #333333;
    }
    `

    When I remove these lines from the (temporary) CSS file, then everything works fine. But the file is regenerated regularly, so the manual changes are always reversed. I also tried to remove this CSS snippet trough javascript, but it also didn’t work…

    Thanks for your help.

    (You can find the accordion in the footer of the website on the right site. The headline is “Notfallkontakte”)

    The page I need help with: [log in to see the link]

  • The topic ‘Inked Accordion Icon Hover?’ is closed to new replies.