Header Graphic

This will be a thousand times easier if the text that you want to make different colours is an image. This way you just make the image seperate colours and then use this as the background image for your header div.

If you want to make it clickable to take you to your blogs home then add this to the header.php where it calls the header div. Replace <div id="header"> with<div id="header" onclick="location.href='https://www.bloghome.com/';" style="cursor: pointer;"> replacing bloghome.com with the address of your blogs home.

If you need to remove your blogs title and tagline then just style them with a negative text indent so they are off the page e.g.

#header h1 a {
  display: block;
  text-indent: -9999px;
}

Thank You educationthemes!

one question regarding the negative text indent – will this remove the blog title/tagline or just make the user blind to the title/tagline.

I ask because, for SEO PURPOSES, shouldn’t the title and tagline stay on?

thanks again!
TCT

any idea guys?

I will still be there in the page code but users/visitors won’t be able to see it. Therefore the likes of Google will still be able to read it.

Fantastic!

Thank you so much education themes!

Since you seem to really know your stuff, would you mind helping me with font size – https://www.ads-software.com/support/topic/192991

Thanks again!
Eric

I had a similar problem. To put the image in the header do you simply type in
<img src="image.gif" /> ?

I got it working. Thanks internet people. This is what I was trying to do.
https://www.donroche.com/newblog