{"id":5244611,"date":"2014-09-01T16:05:26","date_gmt":"2014-09-01T16:05:26","guid":{"rendered":"https:\/\/wordpress.org\/support\/topic\/sidebar-color-disappeared\/"},"modified":"2016-08-22T01:02:26","modified_gmt":"2016-08-22T01:02:26","slug":"sidebar-color-disappeared","status":"closed","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/sidebar-color-disappeared\/","title":{"rendered":"Sidebar color disappeared"},"content":{"rendered":"<p>Hi,<\/p>\n<p>I am using 3 column layout and changed the width of primary and secondary sidebar. Here is the code I added in the editor<\/p>\n<pre><code>\/* 3 column, content middle *\/\n.col-3cm .main { background: url(img\/sidebar\/s-right-s2.png) repeat-y right 0; }\n.col-3cm .main-inner { background: url(img\/sidebar\/s-left.png) repeat-y left 0; padding-left: 200px; padding-right: 300px; }\n.col-3cm .s1 { float: left; margin-left: -200px; }\n.col-3cm .s2 { float: right; margin-right: -300px; \/* ingenuity! *\/ position: relative; right: -100%; }\n.col-3cm .content { float: right; }\n\n\/* sidebar primary *\/\n.s1 { width: 200px; z-index: 2;}\n.s1:hover { z-index: 98; \/* social icons tooltip above header nav *\/ }\n.s1 .sidebar-top,\n.s1 .sidebar-toggle { background: #3b8dbd; }\n@media only screen and (min-width: 479px) and (max-width: 960px) {\n\t.s1 .sidebar-top { background: none!important; border-bottom: 1px solid #ddd; }\n\t.s1 .sidebar-top p { color: #666; }\n\t.s1 .sidebar-top .social-links .social-tooltip { color: #666; }\n}\n\n\/* sidebar secondary *\/\n.s2 { width: 300px; z-index: 1; }\n.s2 .sidebar-top,\n.s2 .sidebar-toggle { background: #82b965; }\n@media only screen and (min-width: 479px) and (max-width: 1200px) {\n\t.s2 .sidebar-top { background: none!important; border-bottom: 1px solid #ddd; }\n\t.s2 .sidebar-top p { color: #666; }\n}<\/code><\/pre>\n<p>After adding this grey color in the side bar is not visible, (the background shows as white). I even tried re-sizing the s-left (200px) and s-right-s2 (300px) images to match the width defined in my code.<\/p>\n<p>Please advise how I can bring the background color to sidebars.<\/p>\n<p>Thanks<\/p>\n","protected":false},"template":"","class_list":["post-5244611","topic","type-topic","status-closed","hentry","topic-tag-disappeared"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/5244611","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/5244611\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=5244611"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}