Shuddering un-readable legend ’cause hover-on changes font-weight changes width

  • Resolved Jonathon N

    (@imagiscapeca)


    8 months ago

    With two rows of category, the 1st item in the second row sometimes jumps to the end of the 1st row if a user is hovering-over categories that cause the category box length/width to change to the “right” extent.
    After jumping to the first row, the cursor is no longer hovering over a category so the width changes again so the item drops back to the second row. That cycle repeats until the cursor is moved.
    It’s therefore impossible for users to click most of the categories in the first row.
    Solution?

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

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

    (@imagiscapeca)

    Quasi-solved by adding to “Additional CSS”:

    .teccc-legend ul#legend li a:hover {font-weight:700}

    Is there an alternate solution? I would prefer the font-weight to change, as it does out-of-the-box, without causing the shuddering problem.

    Plugin Support Darian

    (@d0153)

    Hi @imagiscapeca

    Thanks for reaching out. Let me help you with this one.

    Could you try adding the following CSS, and see if that works for you:

    .teccc-legend ul#legend li a:hover{
letter-spacing: .52px;
}

    Thread Starter Jonathon N

    (@imagiscapeca)

    Yes! Thanks again!
    I wish I knew everything!

    Plugin Support Darian

    (@d0153)

    Hi @imagiscapeca

    I’m glad I was able to help you with this one.

    If you have a minute, a great review from you would be amazing!

    https://www.ads-software.com/support/plugin/the-events-calendar-category-colors/reviews/

    I’ll close this thread for now, but please do not hesitate to start a new thread if you have other issues at all. This allows us to track topics/issues efficiently and follow the WordPress Forum Guidelines.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Shuddering un-readable legend ’cause hover-on changes font-weight changes width’ is closed to new replies.