Button changing sizes

  • Resolved julianashcroft

    (@julianashcroft)


    11 years, 4 months ago

    Great quiz plugin. I have just installed in on my Scout Website 2nd Onchan Quiz. However when the mouse goes over one of the buttons, it changes size and goes smaller. Could this be due to the theme I’m using and do you have a way of fixing it?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author jewlofthelotus

    (@jewlofthelotus)

    11 years, 4 months ago

    @julianashcroft – It looks like it is probably part of the theme. At the top of the page, in the source code, I see a huge block of CSS. It looks like the button hover styles are coming from that, specifically for the following selector:


    a.comment-edit-link:hover, a.comment-edit-link:focus, a.comment-reply-link:hover, a.comment-reply-link:focus, a.button:focus, a.button:hover, input[type="submit"]:hover, input[type="button"]:hover, ul.button-nav li a:hover, div.generic-button a:hover, ul.button-nav li a:focus, div.generic-button a:focus

    You’ll need to override those styles for the following selector: .slickQuizWrapper .button:hover

    Try adding the following to the bottom of your CSS:

    .slickQuizWrapper a.button:hover {padding: 5px 15px;}

    Thread Starter julianashcroft

    (@julianashcroft)

    11 years, 4 months ago

    That worked great. Thanks very much for your help.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Button changing sizes’ is closed to new replies.