SHARE
TWEET

footer widget css

a guest Dec 12th, 2012 3,355 Never
  1. /* ===[ Footer Widget Areas ]=== */
  2. .site-info { clear: both; }
  3. #footer-widgets {
  4.     width: 100%;
  5.     border-top: none;
  6. }
  7.     #footer-widgets .widget li { list-style-type: none; }
  8. .template-front-page #footer-widgets { padding-top: 0; }
  9. @media screen and (min-width: 600px) {
  10.     #footer-widgets.three .widget {
  11.         float: left;
  12.         margin-right: 3.7%;
  13.         width: 30.85%;
  14.         clear: none;
  15.     }
  16.         #footer-widgets.three .widget + .widget + .widget { margin-right: 0; }
  17. }
  18. /* for IE8 and IE7 */
  19. .ie #footer-widgets.three .widget {
  20.     float: left;
  21.     margin-right: 3.7%;
  22.     width: 29.85%;
  23.     clear: none;
  24. }
  25. .ie #footer-widgets.three .widget + .widget + .widget { margin-right: 0; }
  26. /* Hide footer widgets Homepage Template*/
  27. .template-front-page #footer-widgets { display: none; }
RAW Paste Data
Top