{"id":499,"date":"2007-06-25T22:32:50","date_gmt":"2007-06-25T20:32:50","guid":{"rendered":"http:\/\/notizblog.org\/2007\/06\/25\/change-sidebar-order-in-the-new-three-column-k2\/"},"modified":"2023-11-18T18:42:13","modified_gmt":"2023-11-18T17:42:13","slug":"change-sidebar-order-in-the-new-three-column-k2","status":"publish","type":"post","link":"https:\/\/notiz.blog\/2007\/06\/25\/change-sidebar-order-in-the-new-three-column-k2\/","title":{"rendered":"Change sidebar order in the new three column K2"},"content":{"rendered":"\n<p>The CSS Code has changed with Version 1, so try this <a href=\"https:\/\/notiz.blog\/2007\/09\/23\/k2-sidebar-hack-2\/\">new code<\/a>.<\/p>\n\n\n\n<p>The new version of the <strong><a href=\"https:\/\/web.archive.org\/web\/20060305050026\/https:\/\/www.getk2.com\/\">K2<\/a><\/strong> <a href=\"https:\/\/wordpress.org\">WordPress<\/a> Theme supports a three column layout (you can change it in the K2 Options). I prefer both sidebars on one side (like the <strong><a href=\"https:\/\/web.archive.org\/web\/20181001045943\/http:\/\/obharath.net\/blog\/3columnk2\/\">3 column K2<\/a><\/strong> Theme) but K2 only supports <em>sidebar-content sidebar<\/em>.<\/p>\n\n\n\n<p><strong>Original Version:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-large\"><img data-dominant-color=\"c7d3de\" data-has-transparency=\"false\" style=\"--dominant-color: #c7d3de;\" loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"768\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" src=\"https:\/\/notiz.blog\/wp-content\/uploads\/2023\/11\/623460625_f4f967fb8b_o-900x768.jpg\" alt=\"\" class=\"wp-image-24357 not-transparent\" srcset=\"https:\/\/notiz.blog\/wp-content\/uploads\/2023\/11\/623460625_f4f967fb8b_o-900x768.jpg 900w, https:\/\/notiz.blog\/wp-content\/uploads\/2023\/11\/623460625_f4f967fb8b_o-700x598.jpg 700w, https:\/\/notiz.blog\/wp-content\/uploads\/2023\/11\/623460625_f4f967fb8b_o-768x656.jpg 768w, https:\/\/notiz.blog\/wp-content\/uploads\/2023\/11\/623460625_f4f967fb8b_o.jpg 1094w\" \/><\/figure>\n\n\n\n<p><strong>New Version:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-large\"><img data-dominant-color=\"c7d4de\" data-has-transparency=\"false\" style=\"--dominant-color: #c7d4de;\" loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"768\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" src=\"https:\/\/notiz.blog\/wp-content\/uploads\/2023\/11\/623461381_90c24647bf_o-900x768.jpg\" alt=\"\" class=\"wp-image-24358 not-transparent\" srcset=\"https:\/\/notiz.blog\/wp-content\/uploads\/2023\/11\/623461381_90c24647bf_o-900x768.jpg 900w, https:\/\/notiz.blog\/wp-content\/uploads\/2023\/11\/623461381_90c24647bf_o-700x598.jpg 700w, https:\/\/notiz.blog\/wp-content\/uploads\/2023\/11\/623461381_90c24647bf_o-768x656.jpg 768w, https:\/\/notiz.blog\/wp-content\/uploads\/2023\/11\/623461381_90c24647bf_o.jpg 1094w\" \/><\/figure>\n\n\n\n<p>To change this default order to content-sidbar-sidebar, you can download my small custom theme hack.<\/p>\n\n\n\n<p><a href=\"https:\/\/notiz.blog\/wp-content\/uploads\/2007\/06\/hack.css\">hack.css<\/a><\/p>\n\n\n\n<p>put this file into the &#8222;styles&#8220; folder and activate it through the K2-Options panel<\/p>\n\n\n\n<p>Or you can change it by hand:<\/p>\n\n\n\n<p>open <code>styles.css<\/code> and search<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-1\" data-shcb-language-name=\"CSS\" data-shcb-language-slug=\"css\"><span><code class=\"hljs language-css\"><span class=\"hljs-selector-class\">.sidebar-dual<\/span> <span class=\"hljs-selector-id\">#primary<\/span> {\n\t<span class=\"hljs-attribute\">margin-left<\/span>: <span class=\"hljs-number\">170px<\/span>;\n\t<span class=\"hljs-attribute\">padding<\/span>: <span class=\"hljs-number\">10px<\/span>;\n\t}\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-1\"><span class=\"shcb-language__label\">Code-Sprache:<\/span> <span class=\"shcb-language__name\">CSS<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">css<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>and replace it with<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-2\" data-shcb-language-name=\"CSS\" data-shcb-language-slug=\"css\"><span><code class=\"hljs language-css\"><span class=\"hljs-selector-class\">.sidebar-dual<\/span> <span class=\"hljs-selector-id\">#primary<\/span> {\n\t<span class=\"hljs-attribute\">padding<\/span>: <span class=\"hljs-number\">10px<\/span>;\n\t}\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-2\"><span class=\"shcb-language__label\">Code-Sprache:<\/span> <span class=\"shcb-language__name\">CSS<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">css<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>and search<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-3\" data-shcb-language-name=\"CSS\" data-shcb-language-slug=\"css\"><span><code class=\"hljs language-css\"><span class=\"hljs-selector-id\">#sidebar-alt<\/span> {\n\t<span class=\"hljs-attribute\">float<\/span>: left;\n\t<span class=\"hljs-attribute\">width<\/span>: <span class=\"hljs-number\">150px<\/span>;\n\t<span class=\"hljs-attribute\">padding<\/span>: <span class=\"hljs-number\">10px<\/span>;\n\t<span class=\"hljs-attribute\">left<\/span>: -<span class=\"hljs-number\">740px<\/span>;\n\t<span class=\"hljs-attribute\">margin-left<\/span>: -<span class=\"hljs-number\">170px<\/span>;\n\t}\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-3\"><span class=\"shcb-language__label\">Code-Sprache:<\/span> <span class=\"shcb-language__name\">CSS<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">css<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>and replace it with<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-4\" data-shcb-language-name=\"CSS\" data-shcb-language-slug=\"css\"><span><code class=\"hljs language-css\"><span class=\"hljs-selector-id\">#sidebar-alt<\/span> {\n\t<span class=\"hljs-attribute\">float<\/span>: left;\n\t<span class=\"hljs-attribute\">width<\/span>: <span class=\"hljs-number\">150px<\/span>;\n\t<span class=\"hljs-attribute\">padding<\/span>: <span class=\"hljs-number\">10px<\/span>;\n\t}\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-4\"><span class=\"shcb-language__label\">Code-Sprache:<\/span> <span class=\"shcb-language__name\">CSS<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">css<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>That&#8217;s All Folks&#8230;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The CSS Code has changed with Version 1, so try this new code. The new version of the K2 WordPress Theme supports a three column layout (you can change it in the K2 Options). I prefer both sidebars on one side (like the 3 column K2 Theme) but K2 only supports sidebar-content sidebar. Original Version: [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"webmentions_disabled_pings":false,"webmentions_disabled":false,"activitypub_content_warning":"","activitypub_content_visibility":"","activitypub_max_image_attachments":4,"activitypub_interaction_policy_quote":"anyone","activitypub_status":"","footnotes":""},"categories":[2],"tags":[125,1817,347,58,57],"class_list":{"0":"post-499","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-web","7":"tag-k2","8":"tag-primary","9":"tag-sidebars","10":"tag-theme","11":"tag-wordpress","12":"h-entry","13":"hentry"},"_links":{"self":[{"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/posts\/499","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/comments?post=499"}],"version-history":[{"count":4,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/posts\/499\/revisions"}],"predecessor-version":[{"id":24361,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/posts\/499\/revisions\/24361"}],"wp:attachment":[{"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/media?parent=499"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/categories?post=499"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/tags?post=499"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}