Hide and/or change colour of image site title on specific pages

[actually]

Hi, I've tried a few workarounds here, both pasting HTML into the page I am editing and also using Custom CSS for desktop but I've not had any luck...

What I'd like to do is completely hide an image (SVG) for the site title and also the menu for specific pages.

Also for other pages I'd like to change the colour of the svg image title and the menu from the default black to white.

Can anyone help please?

Thanks...

[arminunruh]

Hey, changing the color of an svg is not easily possible unless the svg's markup is directly in the website instead of the svg as a file in the <img> image tag.

To hide the menu and site title for specific pages, that is no problem:

body.type-project .sitetitle{
display: none;
}

body.type-project nav.primary{
display: none;
}

If you put that css into "lay options" -> "custom html&css" -> "custom css for desktop" then it hides the menu and site title on all pages that are projects. For more info: http://laytheme.com/documentation.html#custom-css-styling

[actually]

Many thanks!