WordPress.org

1. AdamJohnson
   Member
   Posted 1 year ago #

   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<,” which just looks plain stupid.

   Any help would be greatly appreciated!

   –Adam Johnson, INDEPENDENTgeek

2. krembo99
   Member
   Posted 1 year ago #

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

3. AdamJohnson
   Member
   Posted 1 year ago #

   
   

4. AdamJohnson
   Member
   Posted 1 year ago #

   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

5. krembo99
   Member
   Posted 1 year ago #

   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.

6. chaoskaizer
   Member
   Posted 1 year ago #

   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;
   }
   ?>

7. krembo99
   Member
   Posted 1 year ago #

   nice one , chaoskaizer.. :-)

8. AdamJohnson
   Member
   Posted 1 year ago #

   @chaoskaizer

   w00t! You Rock!

   Thank you so much; worked like a charm! :D

   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

9. chaoskaizer
   Member
   Posted 1 year ago #

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

10. Jabbok
    Member
    Posted 1 year ago #

    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.

11. AdamJohnson
    Member
    Posted 1 year ago #

    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. :/

12. chaoskaizer
    Member
    Posted 1 year ago #

    can u post your header.php at pastebin?

13. AdamJohnson
    Member
    Posted 1 year ago #

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

14. chaoskaizer
    Member
    Posted 1 year ago #

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

15. AdamJohnson
    Member
    Posted 1 year ago #

    There y’go—it's header.php.txt now. :)

    Same link as before.

16. chaoskaizer
    Member
    Posted 1 year ago #

    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

17. JasonStevens78
    Member
    Posted 1 year ago #

    Thanks I had this problem and this really helped.

18. AdamJohnson
    Member
    Posted 1 year ago #

    Thanks so much!

    I got so frustrated with this that I took a couple days off, but now I have everything working just about like I want it! :D

    I started nosing around with my style.css in CSSEdit and header.php in TextWrangler and figured out how to change the text to a graphic (although it took me a good 45 minutes to remember that the code is “<img src=…” and not “<img href=…!” lol

    I now have my logotype done graphically and am using a custom CSS ID to set the logo in the proper place on the page.

    BTW, if you've never used CSSEdit, I highly recommend it—it lets you edit CSS graphically or in code, and previews the changes live on the page. Mac-only, of course. ;)

    Thanks again, especially to you, chaoskaizer!

    —Adam Johnson,
    [sig removed]

Topic Closed

This topic has been closed to new replies.