accordion title hover

  • Resolved beitsiach

    (@beitsiach)


    8 years, 2 months ago

    Hello,
    I have created an accordion widget on the home page in this test site (just below the banner) and it works quite well.
    I have tweaked the styling to my liking.
    But I would like to have the titles of the accordion to change color on hover, and cannot find the right CSS setting.
    Please help with that,
    Thank you,
    Vera

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter beitsiach

    (@beitsiach)

    8 years, 2 months ago

    Hello Snehal,
    Thank you for answering.
    This is what I thought, as well, the first variant.
    But – it doesn’t work. I tried it both in the CSS file AND even in the Additional CSS in the dashboard…
    Is there perhaps some exact div that is missed here or something?
    (The second, BTW, doesn’t do hover at all, it just changes the color of the title in one instance, not even all titles).
    Thank you for your help,
    Vera

    • This reply was modified 8 years, 2 months ago by beitsiach.
    Thread Starter beitsiach

    (@beitsiach)

    8 years, 2 months ago

    Oh, and I am using the Twenty Seventeen theme.

    Thread Starter beitsiach

    (@beitsiach)

    8 years, 2 months ago

    Snehal,
    Thank you, but it doesn’t do what I want. This just colors the active title red.
    Perhaps I wasn’t clear what it is that I want to do.
    I would like the accordion tab titles to:
    1. Be white (this I have done)
    2. Be yellow, when active (this I have done)
    3. Change color to black on hover – this I cannot find how to do.
    Thank you,
    Vera

    Thread Starter beitsiach

    (@beitsiach)

    8 years, 2 months ago

    Shenhal,
    Thank you, but I have the free version of Elementor, and cannot do that, no such CSS section. And it didn’t work in the Theme Additional CSS or the syle.css file.
    However, I have tried a few more variations and this one did it:

    .elementor-327 .elementor-element.elementor-element-ae86abc .elementor-accordion .elementor-tab-title:hover{
    color:#000000;
}

    I would like to ask, though, is it possible to make the accordion closed when loading and only open on click?
    Thank you,
    Vera

    • This reply was modified 8 years, 2 months ago by beitsiach.
    • This reply was modified 8 years, 2 months ago by beitsiach.
Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘accordion title hover’ is closed to new replies.

Tags