Gategory blog listing style

Feel free to talk about everything related to our Joomla Products
Rate this topic: Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.
GK User
Sun Jan 20, 2013 12:16 am
Hello,

I'm using the Publisher Template on one of my websites, and I'm trying to figure out a way to give some style to the listing of articles displaying on a blog listing style linked to a menu item.

In short, when you click on a menu item that is supposed to list articles from a category in blog style, it looks like the listing in this site : http://tympanus.net/codrops/category/tutorials/page/2/

Separated rows, each article in a container with the thumbnail, info and intro text, and pagination..

Any idea how to get it done, please?
User avatar
Senior Boarder

Konrad M
Tue Jan 22, 2013 5:29 pm
Hi,
have you try to play with blog category settings. For example set to 2 leads article and then 2 more. Or if you would like to do with css try to set for each element
Code: Select all
{
float:left;
width:50%;
}
User avatar

GK User
Tue Jan 22, 2013 6:17 pm
Konrad M wrote:Hi,
have you try to play with blog category settings. For example set to 2 leads article and then 2 more. Or if you would like to do with css try to set for each element
Code: Select all
{
float:left;
width:50%;
}

Hi,

I did play with the settings and CSS and could get it to show approximately how I wanted : http://tourisme.nadorpresse.com/d%C3%A9couvrir-nador/municipalit%C3%A9s-province-de-nador.html

I'm still trying to figure out a way to list the articles in separated rows, just like it shows in the link I provided in the previous post : http://tympanus.net/codrops/category/tutorials/page/2/

Any ideas?
User avatar
Senior Boarder

Konrad M
Fri Jan 25, 2013 1:35 pm
IF you go to source code you will see that you have structure like this:

Code: Select all
<row>
  <column>
    <article></article>
  </column>
  <column>
    <article></article>
  </column>
</row>

So you need remove background for all container and you ahave tu style article container inside div with cloumn class.
User avatar


cron