Change the colors of the header on specific pages

Ask the community
,
2

Yes your wish is totaly possible.

To set color of the page-header, you will have to generate your code on the → MASTER-PAGE to be able to controll all your pages colors.

MASTER-PAGE-EXAMPLE-CODE:

$w.onReady(function () {
    $w('#header1').style.backgroundColor = "red";
});

Your next step will be to generate an IF-ELSE-QUERY…

if(...) {...} else {...}

to determine on which page you are at current time, using —> WIX-LOCATION

import wixLocation from 'wix-location';

$w.onReady(function () {
    //$w('#header1').style.backgroundColor = "red";
    let path = wixLocation.path;
    console.log(path);
});

Now put all parts together and generate your code, to determine on which page you currently are navigating and setting the pages specific color.

Good luck!