Change color of SiteTitle and Menu in different pages

[paubo]

Hello!

I would like to change the color of my site title and menu to white only in the FrontPage and keep it black at the rest of the website. this is the site i'm working on. www.victorcatala.com

Thank you very much!

[rsepierre]

My fix for this is to insert HTML in the homepage
(in the page editor [ + MORE ] > [ + HTML ] ), place it where ever you wan't in the page

with this code :

        .sitetitle, .primary a {color:white !important;}
        nav.primary a span {border-bottom-color: white !important;}

or this code if you wan't to exclude the phone theme :

@media (min-width: 900px) {
        .sitetitle, .primary a {color:white !important;}
        nav.primary a span {border-bottom-color: white !important;}
}

of course instead of "white" insert the color you want

[paubo]

Thanks for your answer Rsepierre! But it didn't work to me :(
www.victorcatala.com

[arminunruh]

hey man @rsepierre thanks for that answer. Yes it is almost perfect.

Look, you can use css based on which current page you are on:
http://laytheme.com/documentation.html#css-based-on-current-page

So if your frontpage had a "slug" of "frontpage" then you would use:

body.slug-frontpage .sitetitle.txt,
body.slug-frontpage .tagline,
body.slug-frontpage nav.primary a{
color: white;
}

You'd put it in "lay options" -> "custom css & html" -> "custom css for desktop"

[rsepierre]

@arminunruh Ah cool, it is better ! Didn't know we could do this, so i will use it on mine too !

@paubo yes sorry what i said couldn't work because a bit of code was missing to what I said, you should have added <style></style> like so :

   <style>
        .sitetitle, .primary a {color:white !important;}
        nav.primary a span {border-bottom-color: white !important;}
   </style>

BUT

you should defenitly use armin's solution now !

[paubo]

@arminunruh Thank you for the anwser! I didn't see that before.
Finally it works with this.

body.slug-about span{
color: white; }