Docs

[growonline]

I want to have a different colour in the topbar, logobar, navbar, toplink, footer for each page of my site http://emergeearlylearning.com.au/ – how do I do that please? I am running Renew Stack and latest version of X

[Rupok]

Hi there,

Thanks for writing in! You can add CSS under page level CSS under Cornerstone Settings Tab > Custom CSS :

.x-topbar {
  background-color: #e94874;
}

.x-logobar {
  background-color: #fff;
}
.x-navbar {
  background-color: #2c3e50;
}

If you are not using Cornerstone for all pages, you can add this under Custom > CSS in the Customizer.

.page-id-141 .x-topbar {
  background-color: #e94874;
}

.page-id-141 .x-logobar {
  background-color: #fff;
}
.page-id-141 .x-navbar {
  background-color: #2c3e50;
}

That is you need to use the preceding page ID that could be found on body class for each page if you inspect the element with developers tool.

Hope this helps.

Cheers!

[Author]

Posts