• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 4122
  • Last Modified:

Changing Font Color with PHP According to Page

Hello Experts,

I am new to PHP and I am using it to code a website using Wordpress as the CMS.  At the moment, each page has a different title which is displayed just beneath the menu.  I would like to use a different color (colors that I've already chosen) for the text in the title, according to which page it is.  

Meaning, the "pets" page would display the title "Pets" in green lettering...the dogs page would display the title "Dogs" in brown lettering...and so on.  

I am currently working with a combination of css and php...  I've placed the title's php code in a div tag, which is ID'd in CSS to control its font size, etc.  

Is there anyone that knows how one can change the font color for the title, according to which page is being displayed, using PHP?  

Thank you in advance...

Open in new window

3 Solutions
You could do it strictly using CSS by putting the individual titles in div tags with unique IDs. that would be easiest.
If I understand what your asking,.

All you need to do is have a different class for each title, then in each page use the appropriate class name.

or if you want every page to be the same you could do the following in your php, just make sure you set the $title variable first.
if ($title == "pets") {$color = "#11ee00";}
else if ($title == "dogs") {$color = "#994400";}
else {$color = "#000000";}
echo"<h1 style=\"color: \$color;\">$title</h1>";

Open in new window

You could use the switch statement, like below.
case 'pets':
case 'other':
echo "<div class='some_class' id='$id'>title</div>";

Open in new window

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Code correction
if ($title == "pets") {$color = "#11ee00";}
else if ($title == "dogs") {$color = "#994400";}
else {$color = "#000000";}
echo"<h1 style=\"color: $color;\">$title</h1>";

Open in new window

I'm assuming you have admin rights to this wordpress installation, if you do, there is a plugin that does exactly that and it wouldn't require you to edit css or php.

http://www.samburdge.co.uk/wordpress/wp-custom-title-colour-plugin  ...

I tested it out and it works as expected... when you click Select Colour, the color chooser is off to the right and you need to scroll over to see it.
Please see the below code and let me know if it work orif u have any quires
	//populate all of the available title in an array
	$allowedTitle = array("pets","dogs","birds");
	//get the current page name
	$currentPage = "pets";
	$cssClass = "defaultStyle";
	//here you have to write seperate CSS for each title
	// like petsStyle,dogsStyle,birdsStyle etc
		//if the current page is exists in the allowed title change the CSS 
		$cssClass = $currentPage."Style";
	<div calss="<?php echo $cssClass; ?>">Your Title</div>

Open in new window

Forced accept.

EE Admin
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now