Tag style in an article

Hello,

With Joomla! 3.3.1 Stable [ Ember ] 11-June-2014 and gk_twn2_J!3 template :

Capture_1.JPG

With Joomla! 3.3.1 Stable [ Ember ] 11-June-2014 and Beez3 template :

Capture_2.JPG

Can you give me the css code to place the tags in a button at the top of the article as the template beez3 ?
Thank you

Hi

Can You please tell me what type of artices are You using? Is it a regular joomla article or k2 ?

Hello,

It is a regular joomla article.

Hi

Please edit /html/com_content/article/default.php and around line 233 please find this code:

Code: Select all

   <?php if ($params->get('show_tags', 1) && !empty($this->item->tags->itemTags)) : ?>
       <div class="tags"><span class="tags-label"><?php echo JText::sprintf('TPL_GK_LANG_TAGGED_UNDER'); ?></span>
          
       <?php foreach ($this->item->tags->itemTags as $tag) : ?>
            <a href="<?php echo JRoute::_(TagsHelperRoute::getTagRoute($tag->tag_id . ':' . $tag->alias)) ?>"><?php echo $tag->title; ?></a>
       <?php endforeach; ?>
       </div>
   <?php endif; ?>


than copy it under line 77 where the code to show a title of the article is.

Thank you, this is OK: tags are now under title.
Moreover, I hope the tags are in the form of buttons : how ?

Hi

Please tell me an url to an example of page with tags.

See this page http://casdyn.fr/_fapi2014/les-associations/fiches-signaletiques/5-00-academie-delphinale-fapi
Thank you

Hi

Please add this code to override.css and make sure override is enabled in joomla panel.

Code: Select all

.item-page .tags a {
background-color: blue;
border-radius: 3px;
color: #ffffff;
margin:3px;
}


Hi

Please add this code to override.css and make sure override is enabled in joomla panel.

Code: Select all

.item-page .tags a {
background-color: blue;
border-radius: 3px;
color: #ffffff;
margin:3px;
}


This is perfect, thank you.

All right, thank you. However, I now wish that tags are less stuck under the article title : how?

Hi

Try maybe:

Code: Select all

.item-page .tags {
margin-top: 15px;
}


That's right, thank you.