Module Like Suffix for Article Titles

Hi,
Is it possible to have Module like suffixes for Article Titles in this theme? I mean the Horizantal Line to appear along article Titles as is appearing in the Module titles

Hi,
you are talking about joomla articles title or k2 ?

Thanks for your reply ,
I am talking about Joomla article titles

Well you need to go to html/com_content/article/default.php and find:

Code: Select all

<?php if ($params->get('show_title')|| $params->get('access-edit')) : ?>
      <h2>
            <?php if ($params->get('link_titles') && !empty($this->item->readmore_link)) : ?>
            <a href="<?php echo $this->item->readmore_link; ?>">
                  <?php echo $this->escape($this->item->title); ?></a>
            <?php else : ?>
                  <?php echo $this->escape($this->item->title); ?>
            <?php endif; ?>
      </h2>
<?php endif; ?>


and change it to:

Code: Select all

<?php if ($params->get('show_title')|| $params->get('access-edit')) : ?>
      <h2>
                         <span>
            <?php if ($params->get('link_titles') && !empty($this->item->readmore_link)) : ?>
            <a href="<?php echo $this->item->readmore_link; ?>">
                  <?php echo $this->escape($this->item->title); ?></a>
            <?php else : ?>
                  <?php echo $this->escape($this->item->title); ?>
            <?php endif; ?>
                         </span>
      </h2>
<?php endif; ?>


Then you have to go to template.css and find:

Code: Select all

#gkPage .box > div > h3.header,#gkPage .box_text > div > h3.header {
   height: 15px;
   font-size: 18px;
   font-weight: normal;
   text-transform: uppercase;
   margin: 22px 0 14px 0;
   padding: 0;
   border-bottom: 1px solid #e0e0e0;
   border-top: 3px solid #ea1c1c;
   color: #333;
}


change it to:

Code: Select all

#gkPage .box > div > h3.header,#gkPage .box_text > div > h3.header,div.item-page > h2 {
   height: 15px;
   font-size: 18px;
   font-weight: normal;
   text-transform: uppercase;
   margin: 22px 0 14px 0;
   padding: 0;
   border-bottom: 1px solid #e0e0e0;
   border-top: 3px solid #ea1c1c;
   color: #333;
}


then find:

Code: Select all

#gkPage .box > div > h3.header > span,#gkPage .box_text > div > h3.header > span {
   margin-top: -18px;
   display: block;
   padding-right: 12px;
   background: #fff;
   float: left;
}


and change it to:

Code: Select all

#gkPage .box > div > h3.header > span,#gkPage .box_text > div > h3.header > span,div.item-page > h2 > span {
   margin-top: -18px;
   display: block;
   padding-right: 12px;
   background: #fff;
   float: left;
}


Hi Konrad,
Thanks a lot for your guidance, I applied the code as you suggested and it was almost perfect, but the bottom gray color line was starting after the title ended, where as in module titles it was starting from begining.
So i made a little change i replaced h2 with h3 in the above code at all the places and it now it starts from beginning. Dont know if this is the right way of doing it but it has worked.
Thanks again for your wonderful support