K2 category view (blog menu item): how to display columns?

Hi,

I've a problem in displaying blog articles in columns in k2 category view: my blog displays articles full width, one after another, vertically, and there's no way to make that it displays articles in 3 columns.
I've changed parameters in K2 category view but nothing, I think it depends on the template (quark) because I had the same problem displaying a category of joomla content as blog, it's the same issue: the articles in 2 or more columns not possible.

http://www.collegicreanova.org/noticies

Thanks.

Hi

Add this code to override.css and make sure override is enabled in template settings:

Code: Select all

.blog-page .item-list .item-view {
    box-sizing: border-box;
    float: left;
    margin: 0 0 120px;
    padding: 10px;
    width: 33%;
}

.blog-page .item-list .item-view:nth-child(3n+4) {
clear: both;
}


Ok thanks, it works!

And to have the read more displayed? In K2 category option it is checked in "show" but I don't see it (you can see it here [url]collegicreanova.org/noticies[/url]).

hello, I'm also using this override, it is great! But I wish, however, that when viewed in mobile version return to a single column ... is it possible?

Hi

@enredandoweb edit /html/com_k2/tempalte/default/category_item.php

Code: Select all

   <?php if ($this->item->params->get('catItemReadMore')): ?>
   <!-- Item "read more..." link -->
   <div class="catItemReadMore">
      <a class="k2ReadMore" href="<?php echo $this->item->link; ?>">
         <?php echo JText::_('K2_READ_MORE'); ?>
      </a>
   </div>
   <?php endif; ?>

   <div class="clr"></div>


Hi

@fastmax please add this to override.css

Code: Select all

@media only screen and (max-width:555px) {
.blog-page .item-list .item-view {
    float: none;
    padding: 10px 0;
    width: 100%;
}
}


Great! All work fine, thank you.