Change default button hover style

resolved (2 posts) (2 voices)

  1. Alex117
    Member

    Hi,

    How can I change the default hover on the buttons of the Persuasion theme? All other themes seem to have a nice light shade when you hover over their buttons, but in Persuasion there is barely any noticeable difference for site visitors.

    I was going to place this as a feature request, but I'm just gonna try to buy some time and tackle it on my own in the meantime.

    Is there any CSS or image that I can replace to achieve a more noticeable hover effect on all the buttons?

    That would be great, thanks in advance!

    Attachments

    1. Persuasion_-_Button_hover.png (36.5 KB, 0 downloads) 7 months old
    2. Persuasion_-_Button_normal.png (34.7 KB, 0 downloads) 7 months old
    Posted 7 months ago #
  2. Elliott
    Support

    Hello Alex117,

    By default Persuasion has a color fade when you hover over so it should be very noticeable. It could be that you changed the colors when editing the skin though.

    Open up /wp-content/themes/persuasion/style.css and around line 232 you should see this,

    #searchsubmit:hover,#submit:hover,.button_link:hover,.fancy_button:hover,
    .post_more_link:hover,.comment-reply-link:hover,.comment-edit-link:hover,.post-edit-link:hover{background:#2C2F2F;border-color:#2C2F2F;text-decoration:none;color:#fff;}

    You can try changing the background and border color there but if it does not help then send us a link to your site so we can take a closer look.

    Posted 7 months ago #

Reply

You must log in to post.

Construct WordPress Theme
Construct wordpress theme
Myriad WordPress Theme
Myriad wordpress theme
Method WordPress Theme
Method wordpress theme
Fusion WordPress Theme
Fusion wordpress theme
Elegance WordPress Theme
Elegance wordpress theme
Echelon WordPress Theme
Echelon wordpress theme
Dejavu WordPress Theme
Dejavu wordpress theme
Modular WordPress Theme
Modular wordpress theme