joomla-homepage-number-of-articles-4By default, the frontpage of Joomla 3.0 shows articles in one column. As you can see in the screenshot to the right, we have 4 articles and they all show in one column on the frontpage in Joomla.

 

joomla-frontpage-columnsIn this tutorial, our goal is to show you how to have more than one column of articles on your homepage. For example, in the screenshot to the right, you can see that we have three columns of articles.

 

Working with Columns on the Joomla Frontpage

  1. Log into your Joomla 3.0 Admin dashboard
  2. In the top menu, click Menus and then click Main Menu (or the menu with a logo of a house to the right)
  3. In the list of Menu Items, find and click on the menu item that has a yellow star under the Home column
  4. Click the Advanced Options tab at the top of the page
  5. Click to expand the Blog Layout Options section
  6. You'll want to pay attention to the following settings:

    # Intro Articles
    Number of articles to show after the leading article. Articles will be shown in columns.

    # Columns
    The number of columns in which to show Intro Articles. Normally 1, 2, or 3.

    For the columns setting, enter the number of columns that you want. Then, enter the number of articles that you want to show in columns. For example, if you have 3 columns and 4 intro articles, you'll end up having 2 rows of three columns, but two columns will be blank.

    When finished making changes, click the save button in the top left of the page.

    Below are examples of how these two settings, # columns and # intro articles, work together to help shape your Joomla 3.0 frontpage using columns:

    # Intro Articles: 4
    # Columns: 3
    # Intro Articles: 4
    # Columns: 2
    three-columns-on-joomla-homepage  two-columns-on-joomla-homepage
Continued Education in Course 107: How to Blog using Joomla 3
You are viewing Section 6: Showing Articles in Columns on the Joomla 3.1 frontpage
Section 5: Change the number of articles on your Joomla 3.1 frontpage
Section 7: Changing the number of links on the Joomla 3.1 frontpage
Did you find this article helpful?

We value your feedback!

Why was this article not helpful? (Check all that apply)
The article is too difficult or too technical to follow.
There is a step or detail missing from the instructions.
The information is incorrect or out-of-date.
It does not resolve the question/problem I have.
How did you find this article?
Please tell us how we can improve this article:
Email Address
Name

new! - Enter your name and email address above and we will post your feedback in the comments on this page!

Related Questions

Here are a few questions related to this article that our customers have asked:
Ooops! It looks like there are no questions about this page.
Would you like to ask a question about this page? If so, click the button below!
Ask a Question

Joomla Community Google+ Hangout #3

June 3rd, 2014

Thank you @RustyJoomla for letting me speak on the Joomla Community Google+ Hangout!

Click here to watch!

2013-11-09 2:31 pm
doesn't work :( i'm getting this: http://goo.gl/h7ekjN
Staff
8,502 Points
2013-11-11 10:00 am
Depending on your theme, it can also effect how your information is displayed. I recommend taking a look into your theme or switching themes to take a deeper look into things.
2013-11-27 8:20 am
thankyou...
2013-11-28 12:38 pm
Click the Advanced Options tab at the top of the page?????
I can't see that?
Staff
9,968 Points
2013-11-29 4:32 pm
Hello qwqwqw, and thanks for your comment.

I'm assuming you're probably using one of the latest versions of Joomla. This article was originally written for Joomla 3.0 at which time I believe there was the Advanced Options tab. However in newer versions, this has been replaced by the Layout tab which allows you to control your front page columns by editing the # Columns setting.

Joomla edit menu item columns

Please let us know if you're still unable to find that, and if so please let us know what version of Joomla you are using, and what options you are seeing available after navigating to the Home menu item.

- Jacob
2014-01-31 11:11 pm
I am using Joomla 3.2.1 and the protostar - Default template. Under Edit Menu Item I have the following options: Details, Options, Link Type, Page Display, Metadata, and Module Assignment. None of these tabs has an option for changing the number of columns.
Staff
9,968 Points
2014-02-01 12:42 am
Hello brentonk,

That's strange that you're seeing different options then we do also using Joomla 3.2.1 and the Protostar template.

Just to clarify that you're looking in the same place as this article, are you navigating to Menus in the top menu, then clicking on Main Menu with a house icon beside it? From there you should be able to click on the Home menu.

I just did a fresh install of Joomla with the same template, and I'm currently seeing these tabs available:

Details | Layout | Options | Integration | Link Type | Page Display | Metadata | Module Assignment

So it sounds like you're missing Layout, and Integration tabs. Are you logging into Joomla with a user that is part of the Super User group?

Also do you have any other modules or extensions installed in Joomla currently, or have you modified any of the core files themselves?

- Jacob
n/a Points
2014-04-12 5:38 pm

Great information but I need help on this. I would like a homepage with 3 or 4 columns without start with a long article on the top. On your example you really started with one column then your #columns. Again I want to start straight with 4 column without "My First Blog Post" article alone on the top.

Thanks

Pd I am us8ng the same template with las version joomla 3.2

Staff
8,502 Points
2014-04-14 9:04 am
In the same page that you set number of columns, adjust the Leading Articles field to 0. Doing so will prevent the first article from showing.
n/a Points
2014-04-22 6:14 am
thanks. this is helpful
n/a Points
2014-06-20 10:00 am

Hi, is there anyway that I could have 1 leading article, then 2 columns of say 4 articles then all following articles after that are back to full width (like the leading articles - 1 column)?

The only way I can figure out how to do this is to put my article content into modules then assign them to to the position below my other articles. This isn't very economical and breaks my content organisation. Is there a better way?

Staff
9,968 Points
2014-06-20 2:33 pm
Hello Lawrence,

I'm not sure of an easy way to achieve that type of layout using the default Joomla blog layout options. At that point you'd probably want to look at a Joomla template that already has that desired layout, or closer to it.

We do have a guide that covers how to edit a Joomla template which also might lead you in the right direction.

- Jacob
n/a Points
2014-07-09 11:19 pm

The article was very helpful and esy to follow.... 1, 2, 3 done. . .  

That said my entires are differnet in lenght and need the columns to be indepenant of each other in regards to valign. . .  guessing not possible bu just asking. .  

 

Thank you VERY much for your help.

Russ

Staff
8,502 Points
2014-07-10 9:54 am
This would require a significant amount of custom code in the theme to adjust. If you have multiple articles of different lengths, I recommend simply adding a "Read More" link there instead.

Post a Comment

Name:
Email Address:
Phone Number:
Comment:
Submit

Please note: Your name and comment will be displayed, but we will not show your email address.

14 Questions & Comments

Post a comment

Back to first comment | top

Need more Help?

Search

Ask the Community!

Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.

Current Customers

Chat: Click to Chat Now E-mail: support@InMotionHosting.com
Call: 888-321-HOST (4678) Ticket: Submit a Support Ticket

Not a Customer?

Get web hosting from a company that is here to help. Sign up today!