custom logo per page

[badjuju]

Hi!

I have some pages that have a white bg instead of a black one. I changed the menu colour without a problem, but I don't use a site title, instead a logo. I tried using this code to change the img, (slug-sound is the page im changing) but it doesn't seem to work at all. Do i have to do it with javascript?

body.slug-sound a.sitetitle img:after {
content: url ("http://wordpress.monomango.de/wp-content/uploads/2018/01/logo_sound_b.png");
}

Thank you,

Juju

[badjuju]

Ok, I'm the master of answering my own questions :) I made it work. In case anyone was wondering it is

body.slug-yourslug .sitetitle img {
content: url(http://whateveryoururlis.png);
max-width: 120px;
}

You're welcome <3

[mariusjopen]

Hi @badjuju
ah. This is the way to go!

Thank you for publishing your solution!

Many wishes!

Marius

[miguelhahn]

Sorry for reviving this old topic. But is there any way to make this solution work in Firefox? It's working fine in Safari and Chrome but I didn't have any luck in firefox. Thanks a lot!

[arminunruh]

add images in lay options → "custom css & html" in html, style them using css and show/hide them based on the current page
http://laytheme.com/documentation.html#css-based-on-current-page