MENU & SITE TITLE

[Chiara Grasso]

Hi!

I'd like to change the colours of my site title and menu only in a INFO page and keep it black in homepage.

( HOMEPAGE: BLACK TEXT, WHITE BG / INFO PAGE: WHITE TEXT, BLACK BG )

I used this code (scroll the post), the desktop is perfect, but on mobile works bad: the site title is black yet

(here a mobile screenshot)

/* site title /
body.slug-info .sitetitle.txt .sitetitle-txt-inner span{
color: white;
}
/ site title mouseover /
body.slug-info .sitetitle.txt:hover .sitetitle-txt-inner span{
color: white;
}
/ navigation /
body.slug-info nav.primary a{
color: white;
}
/ navigation mouseover */
body.slug-info nav.primary a:hover{
color: white;
}

Thank you!

[mariusjopen]

Hi Chiara!

Are you familiar with this?

@media only screen and (max-width: 500px) {
    body {
        background-color: lightblue;
    }
}

This changes the CSS depending on the browser size.

Let me know!

Marius

[Chiara Grasso]

No, I'm not css wizard :)
How can I use this code and combine it with existing strings?
Can You help me?

Thank you!
Chiara

[mariusjopen]

Hi Chiara,

you don't need to be a wizard at all. This is simple CSS knowledge.

If you want to solve easy things like this in the future you can make a free CSS tutorial at Codeacademy.

Afterwards I am happy to assist you ;-)

All the best :-)

Marius