WordPress.org

1. joeblogs
   Member
   Posted 3 years ago #
   

   Hi,

   I'm a complete beginner to this but a quick learner.

   I'm using the Blossom 2.3 theme by Liane Blanco and I would like to use two colors in the blog title. I have mangaged to change the colour but after searching this forum I am still unable to include two different colors.

   The title is joeblogs and I would like jo and blogs in #da8d9d and 'e' in white but attached to the end of jo if that makes sense.

   Any help would be greatly appreciated.

2. cubecolour
   ɹoʇɐɹǝpoɯ
   Posted 3 years ago #
   

   I think this should work:

   edit the theme's header.php, look for where the site name h1 is specified:
   

   <h1><a href="<?php echo get_option('home'); ?>"><?php bloginfo('name'); ?></a></h1>

   change it to
   

   <h1><a href="http://your.url">jo<span="white">e</span>blogs</a></h1>

   Then specify the colours in your style.css
   

   h1 {color: #da8d9d;}
   h1.white {color: #fff;}

3. alchymyth
   The Sweeper & Moderator
   Posted 3 years ago #
   

   this idea will exchange any character 'e' in your blog title and wrap it into a span with the style: color:white;
   using the php function: str_replace().
   first step:
   

   <?php $blog_title = get_bloginfo('name');
   //loads the blog title into a variable//
   $blog_title = str_replace('e','<span style="color:#fff;">e</span>',$blog_title);
   //replaces 'e' and surrounds it with a span with color white//
   ?>

   second step:
   output the new title echo $blog_title; instead of bloginfo('name');.

   so, in your 'header.php' find this:
   

   <div id="headerimg">
   <?php if (is_front_page()) { ?>
        <h1><a href="<?php echo get_option('home'); ?>"><?php bloginfo('name'); ?></a></h1>
   
   <?php } else { ?>
         <a href="<?php echo get_option('home'); ?>"><?php bloginfo('name'); ?></a>
   
   <?php } ?></div>

   change it to this:
   

   <div id="headerimg">
   
   <?php $blog_title = get_bloginfo('name');
   $blog_title = str_replace('e','<span style="color:#fff;">e</span>',$blog_title); ?>
   
   <?php if (is_front_page()) { ?>
        <h1><a href="<?php echo get_option('home'); ?>"><?php echo $blog_title; ?></a></h1>
   
   <?php } else { ?>
         <a href="<?php echo get_option('home'); ?>"><?php echo $blog_title; ?></a>
   
   <?php } ?></div>

   hope it works ;-)

   see it here

4. muthukswamy
   Member
   Posted 3 years ago #
   

   Above method should work fine. But if you wish to use a more generic function which adds span enclosure based on word count you can use my solution here: http://wordpress.org/support/topic/319937?replies=4

5. joeblogs
   Member
   Posted 3 years ago #
   

   Hi guys, thank you all so much for your advice. I am a complete amateur at this. It did seem very compicated to me and I'm sure it's very easy once you know what you're doing but I think I've managed it now! Thanks again :)

Topic Closed

This topic has been closed to new replies.