WP twentytwelve theme width sidebar footer again. Part 5: STYLE.CSS


/ Published in: CSS
Save to your folder(s)

How to put sidebars footer on twenty twelve theme again. Part 5: add the styles necesary in style.css (this styles are no optimized -yet- for the responsive layout)


Copy this code and paste it in your HTML
  1. .site-info
  2. {
  3. clear:both;
  4. }
  5.  
  6. #supplementary {
  7. border-top: 1px solid #ddd;
  8. padding: 1.625em 7.6%;
  9. overflow: hidden;
  10. }
  11.  
  12. /* Two Footer Widget Areas */
  13. #supplementary.two .widget-area {
  14. float: left;
  15. margin-right: 3.7%;
  16. width: 48.1%;
  17. }
  18. #supplementary.two .widget-area + .widget-area {
  19. margin-right: 0;
  20. }
  21.  
  22. /* Three Footer Widget Areas */
  23. #supplementary.three .widget-area {
  24. float: left;
  25. margin-right: 3.7%;
  26. width: 30.85%;
  27. }
  28. #supplementary.three .widget-area + .widget-area + .widget-area {
  29. margin-right: 0;
  30. }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.