Docs

[xsimon59]

hi`

can you tell me how to make the color of the play button at the top of the page change to yellow when the cursor is over it? http://bostonhypnosis.com/wordpress/issues/

i’m not sure how to do it and im going to have one on most pages on the site. i’m happy to do second button image in a different color, just not sure if that should be part of the solution.

thanks

[Prasant Rai]

Hello There,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer.

img.lazyloaded:hover {
    background-color: #E8E110 !important;
    border-radius: 40px;
}

Let us know how it goes.

[xsimon59]

Hi –

Thanks for that. It looks good except that no matter what I set the border radius at, the hover clor is appearing outside of the actual icon. Can you tell me how I can fix this? thanks.

[xsimon59]

the hover color – the yellow

[Rad]

Hi there,

Ah, that’s because the white icon within the image is smaller than the self itself.

For example, it’s 64×64 including the transparent background while the white icon is around 60×60. You can fix that by fitting the transparent background to the same size of the white icon.

Thanks!

[Author]

Posts