Typography in Blog Title

I am not sure I understand the problem, Why exaactly can’t you just type it int he Blog Title?

Oops… let me re-try posting that first post so it makes sense

I’ve just set up my new website at http;//www.INDEPENDENTgeekTN.com, however my business name (Admin > Settings > General > Blog Title) is supposed to be typeset so that the “g” in “geek” appears to be a capital letter.

I have edited my CSS to allow me to use a pair of <sup> tags to set the vertical height automatically, however when I use it in the blog title, I get INDEPENDENT<sup>geek</sup> on the front page of my website, which just looks plain stupid.

I really would like the “geek” to be raised up so that the bottom of the “g” is even with the bottom of the “INDEPENDENT.”

Any help would be greatly appreciated!

–Adam Johnson, INDEPENDENTgeek

I think that you will need to MANUALLY edit the header .. I do not think it can be done via the DB entry..
There are a lot of ways to do it, but non of them, IMHO, pass throught the DB entry.

You should do it manually as krembo99 advice, the blog-name is used in many place including the “Document title” it might mess up lot of thing if you used HTML tag as blog title. Just my 2 cents

BTW bcoz u are “independent geek” you can play with the blog-name title with the following filter. Add inside your theme’s functions.php

<?php
add_filter('bloginfo','my_blogname_filter',10,2);
function my_blogname_filter($content,$show){

	if ($show == 'name'){
		$content = strtr($content, array('geek'=>'<sup>geek</sup>') );
	}
	return $content;
}
?>

nice one , chaoskaizer.. ??

@chaoskaizer

w00t! You Rock!

Thank you so much; worked like a charm! ??

Edit:

Um, now that I think of it, would it be possible to edit this to look for any instance of the string INDEPENDENTgeek and add the <sup>…</sup> tags?

Thanks,

-Adam

lol see what I meant the page is now invalid. Its better if you used “css text-to-image” replacement for the blogname heading.

Wouldn’t it be easier to just create/re-create the background image with the Name printed on it? You can create the name using any typeface or style you like by doing this.

Yeah; I guess I’ll have to do it graphically. The functions hack worked on the page, but not on the titlebar; I just noticed. :/

can u post your header.php at pastebin?

Hmm… https://www.pastebin.com isn’t responding right now, so I uploaded it to my own site, mark2project.com/downloads.

can you save it as *.phps/txt or try https://snipplr.com/

There y’go—it’s header.php.txt now. ??

Same link as before.

find in header.php

<div id="logo">
<h1><a href="<?php echo get_option('home'); ?>"><?php bloginfo('name'); ?></a></h1>
<span><?php bloginfo('description'); ?></span>
</div>

replace with

<div id="logo">
<h1><a href="<?php echo get_option('home'); ?>" rel="home">
<?php echo str_replace('geek','<sup>geek</sup>',get_bloginfo('name')); ?>
</a></h1>
<span><?php bloginfo('description'); ?></span>
</div>

and dont forget to removed the filter code in functions.php