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

Home Forums CSS Gradient Border problem

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

    hi togehter,

    I edit a template from joomla (t3).

    i want a gradient border for my navi mega menu.
    In every property (like :hover and :active) i want the gradient border.
    But i don’t want to have the border normally.

    Current it works (site

    But if you move the mouse from “MEIN ACCOUNT” to the Drop-Down (Login-Module) below the border disappears. I don’t know why or how to fix it.

    Someone have any answers for me ? or a fix code ?


    It happens because the gradients appear on hovering the anchor element.
    Bu as soon as your mouse enters the then shown DIV, it doesn’t hover the anchor anymore.
    You could change the hover rule from the anchor to the list item. Then it should work.

    So this .t3-megamenu > ul > li > a.dropdown-toggle:hover would become .t3-megamenu > ul > li:hover > a.dropdown-toggle etc.


    Thank you Very Much JeroenR.

    You describe the problem perfect. And the example in your answer helps me to understand the problem.
    Hope you have a great day. Thank you

    Ly Tong

    thanks a lot for your information. i never heard of that.

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