Archived

This topic is now archived and is closed to further replies.

  • 0

Add different logos to different pages with hooks


Question

Posted · Report post

Hi,

I would like to add to every page a different logo. How can i do this? I read something about hooks, but there is no further information.

Or is this possibile with css?

 

Thx

 

Corina

Share this post


Link to post
Share on other sites

5 answers to this question

Posted · Report post

Hi Corina,

 

To be brutally candid, this is not a recommended practice as it will adversely affect your SEO.

 

You can however, add a branding image (logo) by CSS on an individual page.

 

You'll have to remove the Branding or BrandNav from your template and replace it with one of the available sidebars, or after installing, the Content Box.  In there you'd implement a customized div with a unique class like <div class='mycustomlogo">place the link to the destination</div>

 

For the CSS, you'll prefix the code with the page ID like such:

.page-id-2 .mycustomlogo { background-image: url ('theurltotheimage');}

 

For each page, you'll paste code for the unique logo.

Share this post


Link to post
Share on other sites

Posted · Report post

thx a lot! i will try this out and let you know. i was unsure what would be the best way to do that :)

Share this post


Link to post
Share on other sites

Posted · Report post

Excellent.

Share this post


Link to post
Share on other sites

Posted · Report post

That worked perfectly! Thx a lot!!!

Share this post


Link to post
Share on other sites

Posted · Report post

You're very welcome.

Share this post


Link to post
Share on other sites