Justified Image Grid (JIG) in Frontpage & Categories

Posted in: Newspaper
Post count: 94

Hi,

I would like to include the Justified Image Grid (JIG) plugin (see http://goo.gl/oHZyn) into my frontpage and all category pages. I am using a child-theme.

I already have to correct code to insert into the php files, but do not know where to exactly insert the code (and in which files) to achieve this.

Take a look here for illustration:

1. Frontpage: http://goo.gl/EIFJmk
2. Category: http://goo.gl/EcYQBv

Can you help out? Where exactly do I put the php code? What file and what line in the file?

Thanks 🙂

Post count: 6600

Hi,

Add this code:

echo td_page_generator::wrap_start();
   echo '<div class="span12">';
      add your code here
   echo '</div>';
echo td_page_generator::wrap_end();

1. For the front page you have to edit the index.php file, like this: http://screencast.com/t/AqIdjBzsTHc5

2. For the category page you have to edit the category.php file.
You have to do the same for other cases if you like, with sidebar left or no sidebar.

Thnaks

Post count: 94

Hi Lucian,

Excellent, works great! 🙂
Two questions:

1. How/where can I decrease the empty spacing above and below the Justified Image Grid. See here for illustration: http://goo.gl/99pjCr

2. How can I insert the Justified Image Grid in the same position, but this time on every post/article?

Thanks, you rule 🙂

Post count: 6600

Hi,

1. You can do it via css.
2. You have to do the same inside single.php file or other post templates if you don’t use the default one http://screencast.com/t/FE97xqHLsW

Thanks

Post count: 94

And what CSS code does the trick?

Post count: 6600

Hi,

Try this:

.justified-image-grid {
margin-top: -30px;
margin-bottom: -30px;
}

Thanks

Viewing 6 posts - 1 through 6 (of 6 total)
You must be logged in to reply to this topic.