VISIT AND LIKE OUR PAGE ON FACEBOOK
TAKE A LOOK AT OUR TWEETS ON TWITTER
SUBSCRIBE TO THE JOOMFREAK RSS FEED
CHECK OUT OUR PAGE ON GOOGLE +
VISIT OUR CHANNEL ON YOUTUBE

Account Details

Change your name, email, password or permanently delete your account. Change settings

We offer several ways you can get support from our experts: Support ForumKnowledgebaseNewsletter

Your Forum Posts

No posts to display.

Welcome, Guest
Username Password: Remember me

How to add an other line on bottom-content positio
(1 viewing) (1) Guest
  • Page:
  • 1

TOPIC: How to add an other line on bottom-content positio

How to add an other line on bottom-content positio 05 Jun 2015 00:10 #6840

I would like to add an other line to bottom-content position. At the moment there are 1 line and 4 columns (4 images) My idea is to obtain 8 images so 2 lines and 4 columns. Could you help me.
Thank you in advance

  • Posts:7
  • Gab75
  • Fresh Boarder
  • OFFLINE
  • Karma: 0

Re: How to add an other line on bottom-content positio 05 Jun 2015 03:43 #6844

In module configuration section, set "Item count" is 8:
This image is hidden for guests. Please log in or register to see it.


Edit templates/jf_taman/html/mod_k2_content/News/default.php, modify:
<li class="<?php echo ($key%2) ? "odd" : "even"; if(count($items)==$key+1) echo ' lastItem'; ?>">

to:
<li class="<?php echo ($key%2) ? "odd" : "even"; if($key%4 == 0) echo ' clearLeft'; if(count($items)==$key+1) echo ' lastItem'; ?>">


Edit templates/jf_taman/css/template.css, add:
 
#jf-bottom-content div.k2ItemsBlock ul li.clearLeft {
clear: left;
}
 


joomfreak

  • Posts:2024
  • isupport
  • Moderator
  • OFFLINE
  • Karma: 0

Re: How to add an other line on bottom-content positio 25 Jul 2015 17:21 #7113

Hi,
could you tell me please how to obtain 1 row and 2 columns to have two items centered in the page?
Thank you. Best regards

  • Posts:5
  • dudhaus
  • Fresh Boarder
  • OFFLINE
  • Karma: 0

Re: How to add an other line on bottom-content positio 28 Jul 2015 03:36 #7134

In module configuration section, set "Item count" is 2.
And edit templates/jf_taman/css/template.css, add:
 
#jf-bottom-content div.k2ItemsBlock {
max-width: 500px;
margin: 0 auto;
}
 

Modify:
 
#jf-bottom-content div.k2ItemsBlock ul li {
float: left;
width: 25%;
}
 

to:
 
#jf-bottom-content div.k2ItemsBlock ul li {
float: left;
width: 50%;
}
 


joomfreak

  • Posts:2024
  • isupport
  • Moderator
  • OFFLINE
  • Karma: 0
  • Page:
  • 1
Time to create page: 0.50 seconds

joomfreak is not affiliated with or endorsed by the Joomla Project or Open Source Matters.
The Joomla logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.