Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #14261

    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

    #82702

    Hello,

    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?

    Regards,

    Ismael

    #82703

    Base Scheme of Color:

    http://www.christinesinabell.at/Base.jpg

    The needed Variation of Color (just for this Page … and 2 other Colors for 2 other Pages):

    http://www.christinesinabell.at/Variation.jpg

    #82704

    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=edit

    Now 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,

    Mya

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Every Side different color?’ is closed to new replies.