White logo on two pages of my website

Hi there,

I too am having the same issue. I have two pages that I want to have a reversed out logo. I tried to do this with CSS but found that it was duplicating across the screen so deleted it. Any suggestions
home page white logo as well as facts page white logo

Help!! can you use the black logo and invert it. I have an image in it will that be affected or is the best thing to do is upload a reversed out logo?

1 hour ago, Skellyrab68 said:

Hi there,

I too am having the same issue. I have two pages that I want to have a reversed out logo. I tried to do this with CSS but found that it was duplicating across the screen so deleted it. Any suggestions
home page white logo as well as facts page white logo

Help!! can you use the black logo and invert it. I have an image in it will that be affected or is the best thing to do is upload a reversed out logo?

 

Hi Skelly, 

So this method works for me currently. 

1.  Firstly add the second logo to the custom files dropdown in the custom css panel.

2.  Once uploaded, click on the file you've just uploaded. A url will show in the css area.
 

3.  Copy that url, paste it in a word document or in notepad. Then leave the custom css panel, and don't click save, because we have the url safe in the word doc or notepad.

4.  Open the settings of the page you want the new logo to replace the main logo and head to the advanced tab. You are looking to add the following code to the page header code injection for the specific pages you want the new logo on.

5.  Add this code, and don't forget to grab your url from the word doc or notepad and place the url where it says, insert your url here;

<style>
header#header img {
    content: url(insert your url here);
}
</style>

6.  Click save once done and refresh the page.