Colours variation depending on the page.

lexsiga

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

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next