Change Nav Link Color Only on Posts

[stilemas]

Hello!

Hope someone can help me with this. I made some adjustments on a site I am working on to have a transparent header on the majority of my pages. This poses a problem on posts or anything that uses the sidebar layout.

Here is an example of the header with it’s transparency in action:
http://bpadev-2018.stilemas.com/

Here is what it looks like on a post page:
http://bpadev-2018.stilemas.com/2018/06/17/hello-world/

Is there any way to change the link color of navbar items for posts only?

Thank you in advance!

[rad]

Hi @stilemas,

Thanks for reaching out.

You should change your custom CSS related to x-navbar, example

@media (min-width: 980px) {
...
..
.

body:not(.single-post) .x-navbar {
    background-color: transparent!important;
    -webkit-transition: background-color 300ms;
    transition: background-color 300ms;
}
...
..
.

The key change is the body:not(.single-post) which means all pages except for single post pages.

Thanks!

[stilemas]

Awesome! Thanks, Rad!

I’m messing around with some other stuff, but will try this out and report back.

[rad]

You’re most welcome and let us know, thanks!