http://www.kriesi.at/support/topic/every-side-different-color Support Forum - Topic: Every Side different color? en-US Fri, 24 May 2013 02:40:24 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/every-side-different-color#post-65213 Thu, 12 Jul 2012 15:43:48 +0000 Mya 65213@http://www.kriesi.at/support/ <p>Hi rfarthofer,</p> <p>You should be able to accomplish through CSS. The downside is you have you're going have to specify the pages the color changes need to take place on so this could be tedious if you have a lot of pages. That said, try adding this to your custom.css or Quick CSS.</p> <pre><code>body.home #header { border-color: #2D5C88; } body.home #top .feedback_button { background-color: #2D5C88; border-color: #2D5C88; color: #FFFFFF; } body.home .footer_color, body.home .socket_color { background-color: #2D5C88; color: #FFFFFF; } body.home .header_color .main_menu ul:first-child &gt; li &gt; a, body.home #top .header_color .main_menu .menu ul .current_page_item &gt; a, body.home #top .header_color .main_menu .menu ul .current-menu-item &gt; a { color: #333333; }</code></pre> <p>Notice the body.home in front of each declaration? That tells the browser to render the color only on the homepage. If you want to do one of the subpages then you need to use this instead.</p> <p>body.page-id-##</p> <p>The ## would need to be replaced with the ID of your page. You can find the ID of your by page going to the "Pages" tab in your Dashboard, clicking on the page then copying the number you find in the URL after the "post=".</p> <p>Example:<br /> <code><a href="http://yourdomain.com/choices/wp-admin/post.php?post=2&amp;action=edit" rel="nofollow">http://yourdomain.com/choices/wp-admin/post.php?post=2&amp;action=edit</a></code></p> <p>Now to use the same color for multiple pages you would do something like this:</p> <pre><code>body.page-id-2 #header, body.page-id-194 #header { border-color: #2D5C88; } body.page-id-2 #top .feedback_button, body.page-id-194 #top .feedback_button { background-color: #2D5C88; border-color: #2D5C88; color: #FFFFFF; } body.page-id-2 .footer_color, body.page-id-2 .socket_color, body.page-id-194 .footer_color, body.page-id-194 .socket_color { background-color: #2D5C88; color: #FFFFFF; } body.page-id-2 .header_color .main_menu ul:first-child &gt; li &gt; a, body.page-id-2 #top .header_color .main_menu .menu ul .current_page_item &gt; a, body.page-id-2 #top .header_color .main_menu .menu ul .current-menu-item &gt; a, body.page-id-194 .header_color .main_menu ul:first-child &gt; li &gt; a, body.page-id-194 #top .header_color .main_menu .menu ul .current_page_item &gt; a, body.page-id-194 #top .header_color .main_menu .menu ul .current-menu-item &gt; a { color: #333333; }</code></pre> <p>Hope this helps!</p> <p>Regards,<br /> Mya </p> http://www.kriesi.at/support/topic/every-side-different-color#post-65205 Thu, 12 Jul 2012 14:58:21 +0000 rfarthofer 65205@http://www.kriesi.at/support/ <p>Base Scheme of Color:<br /> <a href="http://www.christinesinabell.at/Base.jpg" rel="nofollow">http://www.christinesinabell.at/Base.jpg</a></p> <p>The needed Variation of Color (just for this Page ... and 2 other Colors for 2 other Pages):<br /> <a href="http://www.christinesinabell.at/Variation.jpg" rel="nofollow">http://www.christinesinabell.at/Variation.jpg</a> </p> http://www.kriesi.at/support/topic/every-side-different-color#post-65197 Thu, 12 Jul 2012 14:31:00 +0000 Ismael 65197@http://www.kriesi.at/support/ <p>Hello,</p> <p>I think the Choices' layout don't have this capability unless you alter or add some divs. Can you give us a screenshot on what you are meaning to do?</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/every-side-different-color#post-65185 Thu, 12 Jul 2012 13:34:01 +0000 rfarthofer 65185@http://www.kriesi.at/support/ <p>Hello,</p> <p>is ist possible to change the colorscheme with every side?<br /> in my situation, there is one base color for all ... and 3 different colors for 3 different sides.</p> <p>what is to do?</p> <p>best regards from vienna,<br /> robert </p>