Add custom HTML to page heading

[RobCubbon]

I want to change the color of one word in the title of the homepage (h1 heading)

So the h1 should be:

<h1>Your work should <style="color:red;">standout</style> from the crowd</h1>

You can't add the HTML in the WordPress heading area.

So is the solution to create a page template which doesn't have the page title and add the HTML to the WordPress text area? Or just adding it via functions.php – but I can't find code for that 🙁

Any help would be greatly appreciated.

---

Rob Cubbon

[DTHkelly]

Some reference:
http://digwp.com/2009/10/custom-fields-for-html-post-titles/

[RobCubbon]

Hello Kelly, thank you for that but I don't understand. That's a solution if you're able to edit the single.php or another theme file but I have to work out how to employ that edit in functions.php

---

Rob Cubbon

[Brad Dalton]

Hi Rob

Here's a post i wrote for members which gives you one solution using PHP code.

You could try using pure CSS as well which may work.

---

Tutorials for StudioPress Themes.

[DTHkelly]

Not page title (as you asked), but here's a tutorial re: custom class for site title
http://www.carriedils.com/custom-site-title-genesis/

[RobCubbon]

It can all be done with HTML and CSS.

You can put <span> tags in the title area of the WordPress edit Page page. (I didn't know you could do this).

Your work should <span>standout</span> from the crowd

Then the CSS will be :

.page-id-123 h1 span{color:hotpink;}

Case closed. Thank you.

---

Rob Cubbon

[DTHkelly]

Great!

Because this is your thread, you can mark it resolved at the upper left (dropdown menu).

[RobCubbon]

Thanks Brad, I didn't see that (more elegant) solution but I'll stick with the HTML and CSS solution – easier for me.

---

Rob Cubbon

[Author]

Posts