WordPress.org

Support

Support » Themes and Templates » Sider bar & CSS style

Sider bar & CSS style

  • 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!

Viewing 3 replies - 1 through 3 (of 3 total)
  • 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;
    }

    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!

    I solved! There was an “img”… 🙂

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Sider bar & CSS style’ is closed to new replies.
Skip to toolbar