Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • May 30, 2016 at 3:12 pm #640438
    antoine251

    Hi Support,
    I don’t know if this is feasible, but I’ll try:
    The site I’m working on has 2 major sections: products line A and products line B.
    I’d like to change the background-color of the title container (this band just below the top navigation, that includes page title and breadcrumb) depending in wether you are viewing a product from line A (green) or a product from line B (blue).

    I managed to make it using:

    .page-id-439 * .alternate_color {background: #green;}
.page-id-448 * .alternate_color {background: #blue;}

    However, I need to do this page-per-page and go back in CSS to add a new line when I add a a new page, which is not very convenient.

    Would there be a way to specify which background-color to use?
    If it can help, I created a function that identifies the product line and return the proper color: function altcolor() returns the value ‘green’ or ‘blue’.

    Thanks!
    Antoine

    May 30, 2016 at 3:21 pm #640446
    Yigit

    Hi antoine251!

    You can edit your page and add Code Block element and then add following code inside it 

    <style>.title_container {
    background: orange;
}</style>

    to change title container background color per page

    Cheers!
    Yigit

    May 30, 2016 at 3:54 pm #640466
    antoine251

    That’s perfect!!!!
    Thanks a lot for the quick and great support!
    Antoine

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Custom change color of title_container’ is closed to new replies.