WordPress.org

Ready to get started?Download WordPress

Forums

Sider bar & CSS style (4 posts)

  1. FaGiO82
    Member
    Posted 1 year 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 1 year 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 1 year 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 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic