newcoder1010 Posted February 12, 2017 Share Posted February 12, 2017 Hello, I have this html: <div id="widgets-element-socialmedia_share-default" class="widgets widgets-set widgets-set-horizontal widgets-style-horizontal"> <div id="widgets-element-socialmedia_socialmedia-twitter-share-button"> <a href="...we-buy-houses-baltimor" title="Tweet this" target="_blank"><img src="/twitter.png" alt="Twitter icon"> </a> </div> <div id="widgets-element-socialmedia_socialmedia-twitter-share-button" > <a href="...we-buy-houses-baltimor" title="Tweet this" target="_blank"><img src="/facebook.png" alt="facebookicon"> </a> </div> </div> When i hover on an image link, I would like the image to have 200px. I am not sure how I can do it? Thanks. Link to comment Share on other sites More sharing options...
newcoder1010 Posted February 12, 2017 Author Share Posted February 12, 2017 I used this and it worked. If you have better way of doing it, please let me know. img:hover { width: 200px; border: 10px solid #b9bbb9; } Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now