Joomla Extensions Club 20,483 posts

[christofferl Friend christofferlJoin date: January 2011Posts: 233Downloads:30Uploads:101 Thanks: 21 Thanked: 2 times in 1 posts]

#883828

See attached image.

I need help in trying to add to the JA K2 Filter template so that the K2 category is in vertical alignment to the Extra Fields items. As it is now it is too much to the left.

---

Attachments:

1. 

[Luna Garden Moderator Luna GardenJoin date: July 2011Posts: 2617Downloads:80Uploads:96 Thanks: 78 Thanked: 453 times in 425 posts]

#883983

Hi,

JA K2 Filter uses K2 Template to display the Result page, so in order to change the style of Category, go to file K2 template of your site and add class for Category code as Extra Fields items.
For example: in file

componentscom_k2templatesdefaultcategory_item.php

has code to display category name

<div class="catItemCategory">
            <span><?php echo JText::_('K2_PUBLISHED_IN'); ?></span>
            <a href="<?php echo $this->item->category->link; ?>"><?php echo $this->item->category->name; ?></a>
        </div>

then I will change the class name to similar as K2 Extra field items.

<div class=catItemExtraFields">
            <span class="catItemExtraFieldsLabel"><?php echo JText::_('K2_PUBLISHED_IN'); ?></span>
            <span class="catItemExtraFieldsValue"><a href="<?php echo $this->item->category->link; ?>"><?php echo $this->item->category->name; ?></a></span>
        </div>

based on the code of your site, you can custom the category code to style you want.

[christofferl Friend christofferlJoin date: January 2011Posts: 233Downloads:30Uploads:101 Thanks: 21 Thanked: 2 times in 1 posts]

#884174

I am a super user … not a coder … so I will try to see if I can understand this. But before I do, please confirm that this is "future proof" when it comes to upgrading the K2 component it self.

Would it be possible to as an alternative way, use the custom.css approach instead?

[Luna Garden Moderator Luna GardenJoin date: July 2011Posts: 2617Downloads:80Uploads:96 Thanks: 78 Thanked: 453 times in 425 posts]

#884890

Would it be possible to as an alternative way, use the custom.css approach instead?

I have checked your site, you can add these lines to your CSS file:

.catItemCategory span {
    display: block;
    float: left;
    font-weight: bold;
    margin: 0 4px 0 0;
    width: 30%;
    color: #0a0a0a!important;
}

1 user says Thank You to Luna Garden for this useful post

1. christofferl

[Author]

Posts