Advanced Search

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)

Expand | Embed | Plain Text

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.