Print button hover color – CSS

  • Resolved shiumai

    (@audreyshiu)


    10 years ago

    Hi there!

    I use a recipe card that comes with the Kindred child theme under Genesis: link here.

    Here’s an example of a recipe card – scroll to the bottom of the post http://www.shiumaieats.com/2015/08/healthy-quinoa-salad-with-sesame-crusted-salmon-tahini-dressing/

    I’m having a styling or CSS issue with the PRINT BUTTON. When I hover, the button turns white and since the text “print” is also white, the button just looks like it disappears. Where in the CSS code do I edit to change the hover background color?

    ANY help is greatly appreciated! Thank you so much.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Clarion Technologies

    (@clarionwpdeveloper)

    10 years ago

    Hello shiumai,

    Please add the below code of css in your theme style.css file it will keep your button background color as it is.

    .print-button input[type="button"]:hover{
background-color: #0d0d0d!important;

}

    Thanks

    Thread Starter shiumai

    (@audreyshiu)

    9 years, 11 months ago

    Hi Clarion,

    That worked! Thank you so much for your help again.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Print button hover color – CSS’ is closed to new replies.