Posted By

Caneco on 02/03/11


Tagged

css facebook tweek


Versions (?)

Who likes this?

2 people have marked this snippet as a favorite

AllKnightAccess
wildrocker92


Customizing the Facebook Fan Box Widget with CSS


 / Published in: CSS
 

URL: http://www.daddydesign.com/wordpress/how-to-customize-your-facebook-fan-box/

  1. .fan_box a:hover{
  2. text-decoration: none;
  3. }
  4. .fan_box .full_widget{
  5. height: 200px;
  6. border: 0 !important;
  7. background: none !important;
  8. position: relative;
  9. }
  10. .fan_box .connect_top{
  11. background: none !important;
  12. padding: 0 !important;
  13. }
  14. .fan_box .profileimage, .fan_box .name_block{
  15. display: none;
  16. }
  17. .fan_box .connect_action{
  18. padding: 0 !important;
  19. }
  20. .fan_box .connections{
  21. padding: 0 !important;
  22. border: 0 !important;
  23. font-family: Arial, Helvetica, sans-serif;
  24. font-size: 11px;
  25. font-weight: bold;
  26. color: #666;
  27. }
  28. span.total{
  29. color: #FF6600;
  30. font-weight: bold;
  31. }
  32. .fan_box .connections .connections_grid {
  33. padding-top: 10px !important;
  34. }
  35. .fan_box .connections_grid .grid_item{
  36. padding: 0 10px 10px 0 !important;
  37. }
  38. .fan_box .connections_grid .grid_item .name{
  39. font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
  40. font-weight: normal;
  41. color: #666 !important;
  42. padding-top: 1px !important;
  43. }
  44. .fan_box .connect_widget{
  45. position: absolute;
  46. bottom: 0;
  47. right: 10px;
  48. margin: 0 !important;
  49. }
  50. .fan_box .connect_widget .connect_widget_interactive_area {
  51. margin: 0 !important;
  52. }
  53. .fan_box .connect_widget td.connect_widget_vertical_center {
  54. padding: 0 !important;
  55. }

Report this snippet  

You need to login to post a comment.