Add a button feature

[diaz1510]

I have a button I created using shortcode on my Wordpress site. The button works perfect (it is used to directly download a file). I want to add a feature to the button and not sure of the syntax. I want it to change background and text color when I hover over it.

Here is the code used in the shortcode (the site in the code as well as the image are fictitious and just indicative of the format I used to make this work):

<a href="https://www.downloadthephoto.com/picture.jpg" download="Picture" download style="display: inline-block; padding-left: 15px; padding-right: 15px; padding-top: 2px; padding-bottom: 2px; background-color: #ffffff; color: #000000; font-weight: bold;">Download JPG</a>

and the colors I want to change it to when hovering is:

background-color: #03A9F4
font-color: #ffffff

Thanks and any help would be appreciated.

 

[gavindrewusa]

Great job on getting the button working! To change the background and text color on hover, you can add a bit of CSS to your stylesheet.

CNC machining services in Mattos CA