WordPress.org

Ready to get started?Download WordPress

Forums

SlickQuiz
[resolved] Button changing sizes (3 posts)

  1. julianashcroft
    Member
    Posted 1 year 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?

  2. jewlofthelotus
    Member
    Plugin Author

    Posted 1 year 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;}

  3. julianashcroft
    Member
    Posted 1 year ago #

    That worked great. Thanks very much for your help.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags