Sign in to follow this  
Followers 0
newcoder1010

How to style the img links

2 posts in this topic

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.

Share this post


Link to post
Share on other sites

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;
}

Share this post


Link to post
Share on other sites

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 account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0