Colours variation depending on the page.

lexsiga · April 2018

Hi,

I would like to know if there is a way to have different colours for different pages.

For instance : my main page is dark Bordeaux, thus the menu is dark Bordeaux, my links and a:hovers are in red. Now, could it be possible that it remains that way for my home page, but say, changes to blue for another page ?

thanks !

lexsiga · April 2018

So I figured that you can change the CSS on specific pages, which I did.

so for those who need to do the same here is the code I used, this will change the color of the topbar, footer, titles (h1 and 3) the links and hovers, and switch the logo's color to white (as mine was red and I changed the menus in blue it looked quite terrible). :

#Top_bar {
background-color: #063350 !important;
}

#Top_bar, a{
color: #09b6ff !important;
}

#Top_bar, a:hover{
color: #1b7ba3 !important;
}

#Footer {
background-color: #063350 !important;
}

h1, h3 {
color: #063350 !important;
}

.menu-arrow-bottom, a, a:after {
border-bottom-color: #fff !important;
}

.logo {
-webkit-filter: brightness(0) invert(1) !important;
filter: brightness(0) invert(1) !important;
}

Ps; not sure if the !important should be included but In case, i left it there.

Bryan · April 2018

Hi,
with any custom css you can always add !important
Do you need any more help, you did well on your own

thanks

Colours variation depending on the page.

Comments