I am trying to change the logo one specific page of this wordpress site. /
Currently I know I am targeting the right page and element as I can hide the logo using:
.page-id-6935 .w-logo-img > img {
display:none;
}
But how do I now show the logo located at .png
Thanks in advance
I am trying to change the logo one specific page of this wordpress site. http://staging-domesticbliss.transitiongraphics.co.uk/db-home-help/
Currently I know I am targeting the right page and element as I can hide the logo using:
.page-id-6935 .w-logo-img > img {
display:none;
}
But how do I now show the logo located at http://staging-domesticbliss.transitiongraphics.co.uk/wp-content/uploads/2017/03/db-homehelp-black-xl.png
Thanks in advance
Share Improve this question asked Mar 23, 2017 at 15:35 Grant SmithGrant Smith 311 gold badge1 silver badge3 bronze badges3 Answers
Reset to default 2Rather than using the tag in html, set the logo using the CSS background property. Use background-image:url(http://staging-domesticbliss.transitiongraphics.co.uk/wp-content/uploads/2017/03/db-homehelp-black-xl.png); instead.
.page-id-6935 img.for_default {
content: url(/wp-content/uploads/2017/03/db-homehelp-black-xl.png);
}
Using content replaces the logo, whereas background image puts the new logo behind the original.
Logo settings are controlled through the WordPress customizer and administrator interface for most themes today. This site is using the Impreza theme; see the documentation for its logo settings.