VISIT AND LIKE OUR PAGE ON FACEBOOK
TAKE A LOOK AT OUR TWEETS ON TWITTER
SUBSCRIBE TO THE JOOMFREAK RSS FEED
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:2940
  • 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:2940
  • isupport
  • Moderator
  • OFFLINE
  • Karma: 0
  • Page:
  • 1
Time to create page: 0.73 seconds
Monday 07 October 2024

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.