Logo issue

[Kevin Huntsinger]

I have a white logo which is fine on the home page but when going to other pages the white log is on a white background.. How do I fix that?

[Bill Robbins]

Hello Kevin,

You can set a different logo on specific pages. Here’s how:

1. Install and activate a plugin called Style Buddy (https://wordpress.org/plugins/style-buddy/). This plugin allows you to add styling that only applies on that page/post.
2. Next go to the Media section in your WordPress dashboard and choose Add New.
3. Upload your alternate logo and once it’s finished, click the edit link. On the screen that opens up, look for the the file URL on your right. You’ll need that in a moment.
4. Then edit the page where you need the other logo.
5. In the style buddy box for CSS, add this:

   
   #logo {
   	background-image: url(https://yoursite.com/image.png);
   	background-repeat: no-repeat;
   	background-position-x: left;
   	background-position-y: center;
   }
   
   #logo img {
   	visibility: hidden;
   }
   

   Just replace the http://yoursite.com/image.png with the URL to your logo from earlier.

6. Update your page.

That should give you a alternative logo on that page. You can add that snippet to any other page where you need to use this different logo too.

If you have any questions or trouble, let me know.

Thanks,
Bill

[Author]

Posts