changing menu bar color on a specific page

[lea_grt2]

Hello !
I am trying to change the color background of my menu bar on a specific page but I cannot achieve it...
here's a link to the page : https://leagarait.com/projets-copy/ (i want it in black with white text)

Also, I managed to change the menu text color but not the site title.. any advice ?

Here is the code I found :

/*color for site title*/
body[data-id="724"][data-type="page"] .sitetitle.txt{
    color: #ffffff;
}
/*for menu*/
body[data-id="724"][data-type="page"] nav.primary a{
     color: #ffffff;
}

It works for the menu items but not the site title..

Thank you !

[felix_rabe]

try a !important after your color, like:
color: #ffffff!important;

or manipulate this, in the inspection you can see that this is where the actual color is declared:

.sitetitle-txt-inner {
color: #000000;
}

[arminunruh]

body[data-id="724"][data-type="page"] .sitetitle.txt span{
    color: #ffffff;
}

try this!
you can also add !important; yea!

body[data-id="724"][data-type="page"] .sitetitle.txt span{
    color: #ffffff!important;
}

[lea_grt2]

Thank you it worked !!

But I still can't find a way to change the menu bar color from white to black...
I tried this :

body[data-id="724"][data-type="page"].navbar {
    background-color: #000000!important;
}

and this :

body[data-id="724"][data-type="page"] .site-header span{
  background-color: #000000!important;
}

But none of theme are working :/

[felix_rabe]

you need a space between ] .navbar

[arminunruh]

body[data-id="724"][data-type="page"] .site-header span{
  background-color: #000000!important;
}

this css selector is wrong

https://laytheme.com/documentation/custom-css-styling.html

please read this and here u can learn how to find the correct selectors

i also wrote the selector for the site title in my last post
body[data-id="724"][data-type="page"] .sitetitle.txt span{
color: #ffffff;
}