Hello,
is ist possible to change the colorscheme with every side?
in my situation, there is one base color for all ... and 3 different colors for 3 different sides.
what is to do?
best regards from vienna,
robert
Every Side different color?
4 posts from 3 voices- Started 10 months ago by rfarthofer
- Latest reply from Mya
- This topic is not resolved
-
Posted 10 months ago #
-
Base Scheme of Color:
http://www.christinesinabell.at/Base.jpgThe needed Variation of Color (just for this Page ... and 2 other Colors for 2 other Pages):
http://www.christinesinabell.at/Variation.jpgPosted 10 months ago # -
Hi rfarthofer,
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.
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 > li > a, body.home #top .header_color .main_menu .menu ul .current_page_item > a, body.home #top .header_color .main_menu .menu ul .current-menu-item > a { color: #333333; }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.
body.page-id-##
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=".
Example:
http://yourdomain.com/choices/wp-admin/post.php?post=2&action=editNow to use the same color for multiple pages you would do something like this:
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 > li > a, body.page-id-2 #top .header_color .main_menu .menu ul .current_page_item > a, body.page-id-2 #top .header_color .main_menu .menu ul .current-menu-item > a, body.page-id-194 .header_color .main_menu ul:first-child > li > a, body.page-id-194 #top .header_color .main_menu .menu ul .current_page_item > a, body.page-id-194 #top .header_color .main_menu .menu ul .current-menu-item > a { color: #333333; }Hope this helps!
Regards,
MyaPosted 10 months ago #
Reply
You must log in to post.
Create a new thread and tell me what problems you are encountering and what you want to know. 
There is no step 3 :) 
