WordPress.org

1. FaGiO82
   Member
   Posted 7 months ago #
   

   Hi all. I wanna insert a widget with html in my blog's sidebar with 3 little icons (30 px) of Social Network but CSS of my website make all pictures enormous. How can I solve it? Can I say to "ignore CSS" to this widget only? Uff...

   My website address is: http://www.matteobacci.com/#!/blog

   The code is:
   <a href="http://www.facebook.com/matteo.bacci"><img class="alignnone" src="http://www.matteobacci.com/wp-content/themes/theme5820/images/facebook_verde_small.png" alt="" width="30 px" height="30 px" /></a> <a href="http://twitter.com/MatteoBacci82"><img class="alignnone" src="http://www.matteobacci.com/wp-content/themes/theme5820/images/twitter_verde_small.png" alt="" width="30 px" height="30 px" /></a> <a href="http://www.linkedin.com/pub/matteo-bacci/32/424/a25"><img class="alignnone" src="http://www.matteobacci.com/wp-content/themes/theme5820/images/linkedin_verde_small.png" alt="" width="30 px" height="30 px" /></a>

   I try to insert same code into footer but I have the same problem... :(

   Help me!

2. bythegram
   Member
   Posted 7 months ago #
   

   you could give the images a new class and style it accordingly:
   

   <a href="http://www.facebook.com/matteo.bacci"><img class="smsocial alignnone" src="http://www.matteobacci.com/wp-content/themes/theme5820/images/facebook_verde_small.png" alt="" width="30 px" height="30 px" /></a> <a href="http://twitter.com/MatteoBacci82"><img class="alignnone smsocial" src="http://www.matteobacci.com/wp-content/themes/theme5820/images/twitter_verde_small.png" alt="" width="30 px" height="30 px" /></a> <a href="http://www.linkedin.com/pub/matteo-bacci/32/424/a25"><img class="smsocial alignnone" src="http://www.matteobacci.com/wp-content/themes/theme5820/images/linkedin_verde_small.png" alt="" width="30 px" height="30 px" /></a>

   in your stylesheet:

   .smsocial img{
   width:30px;
   height:30px;
   }

3. FaGiO82
   Member
   Posted 7 months ago #
   

   Doesn't work. There is a specific place into stylesheet where I've to paste your code?
   Sorry but I don't know nothing about CSS... I'm a real newbie... :)

   Thank you in advance!

4. FaGiO82
   Member
   Posted 7 months ago #
   

   I solved! There was an "img"... :)

Reply

You must log in to post.