custom logo per page
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
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
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!
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
