Want to style a small bit of text within a heading

Hi, I'm working on this site: LINKhttp://whatismatt.com/demo/

As you can see in the heading, the 'g7+' bit is purple. That much I've done, but I want the whole heading to be lowercase caps, with the 'g7+' to remain in lowercase lettering, but I'm struggling to edit the header and style sheet to achieve this.

Any suggestions?

 

.head { text-transform: lowercase; } in your theme's style.css should lowercase the heading.

 

Yes, but the problem I'm having is that I want a part of the heading, in the middle of it, in lowercase, and the text around it in small-caps.

I'm working with this:

.head
	{
	font: 400 3.5em 'helvetica','times new roman','lucida sans','lucida sans unicode','verdana',sans-serif;
	color: #000;
	margin-left: 170px;
	padding-top: 25px;
	[B]font-variant: small-caps[/B];
	}

.head span {
	margin-left: 0px;
	color: #800080;
	[B]text-transform: lowercase[/B];
	}

Code (markup):

But the font-variant seems to override the text transform.

 

Oh now I see. Then do .head span { font-variant: normal; }

 

Excellent. Thank you.