Change logo on specific page id using css

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

• css

Share Improve this question asked Mar 23, 2017 at 15:35 Grant SmithGrant Smith 3111 gold badge11 silver badge33 bronze badges

Add a comment  | 

3 Answers 3

Sorted by: Reset to default 2

Rather 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.