Скъсяване на заглавията във фиичър слайдър

[Welder]

Здравейте!
Ползвам тема, която има фиичър слайдер. Слайдъра има следния вид:



Както се вижда на снимката, текста в лявата част на слайдъра е ограничен до определен брой символи и завършва с многоточие (червената стрелка).
Проблемът ми е с трите заглавия в дясната част (зелените стрелки). Там ограничения няма и ако заглавието на съответния пост е много дълго, то излиза от рамката. Въпросът ми е как и там да поставя ограничения в символите и да завършва с многоточие. Не съм много запознат с PHP. Доста рових из файловете на темата и според мен, кода който трябва да се пипне се намира във файла index.php. Кода в този файл е дълъг за това слагам само часта която според мен трябва да се редактира:

<div id="col1">
  <div id="featuredcontent">
    <div id="featured" >
      <ul class="ui-tabs-nav">
        <?php $recent = new WP_Query("cat=".get_theme_mod('featuredcat')."&showposts=3"); while($recent->have_posts()) : $recent->the_post();?>
        <li class="ui-tabs-nav-item ui-tabs-selected" id="nav-post-<?php the_ID(); ?>"><a href="#post-<?php the_ID(); ?>"><img src="<?php bloginfo('template_directory'); ?>/includes/timthumb.php?src=<?php tj_get_image($post->ID, 'full'); ?>&amp;h=50&amp;w=80&amp;zc=1" alt="<?php the_title(); ?>" /><span>
          <?php the_title(); ?>
          </span></a></li>
        <?php endwhile; ?>
      </ul>
      <?php $recent = new WP_Query("cat=".get_theme_mod('featuredcat')."&showposts=3"); while($recent->have_posts()) : $recent->the_post();?>
      <div id="post-<?php the_ID(); ?>" class="ui-tabs-panel ui-tabs-hide"><a href="<?php the_permalink() ?>" rel="bookmark"><img src="<?php bloginfo('template_directory'); ?>/includes/timthumb.php?src=<?php tj_get_image($post->ID, 'full'); ?>&amp;h=246&amp;w=400&amp;zc=1" alt="<?php the_title(); ?>" /></a>
        <div class="info" >
          <h2><a href="<?php the_permalink(); ?>" rel="bookmark">
            <?php the_title(); ?>
            </a></h2>
          <p>
            <?php the_content_limit('100'); ?>
          </p>
        </div>
      </div>
      <?php endwhile; ?>
    </div>
    <!--end: featured-->
  </div>
  <!--end: featuredcontent-->
</div>
<!--end: col1-->

Знам че с инфото, което ви давам си е живо гадаене, но все пак ще съм благодарен ако хвърлите едно око.