Button Extension Hover Formatting

  • Resolved mijstrebor

    (@mijstrebor)


    3 years, 2 months ago

    I’m able to format the buttons thanks to previous FAQs, but am having trouble with :hover. I am able to modify the hover properties to style to what I wanted, but the default (?) styling still shows up. I can’t imagine how two stylings are applied to the same element! I must be styling one thing with
    .dt-buttons .dt-button :hover{…}

    and something else is being styled with the “ghost” hover button. Please see https://staging2.oautah.org/meetings/ and the Meeting List halfway down the page.

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

Viewing 1 replies (of 1 total)
  • Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    This is caused by the space between .dt-button and :hover. Can you please change that to

    .dt-buttons .dt-button:hover {

    That way, the CSS will only target the button element. With the space, this would actually target the <span> HTML element inside the button.

    Regards,
    Tobias

Viewing 1 replies (of 1 total)
  • The topic ‘Button Extension Hover Formatting’ is closed to new replies.