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
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 our Support Center:
Email Address
Optional, but our team may contact you for more information.
Like this Article?

Comments

Post a comment
2013-11-09 2:31 pm
doesn't work :( i'm getting this: http://goo.gl/h7ekjN
Staff
4,112 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
5,603 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
5,603 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
4,112 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.

Post a Comment

Name:
Email Address:
Comment:
Are you a bot?
Submit

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

Write New!
Do you want to publish a tutorial to our support center?

News / Announcements

SSL Certficate Warnings
Updated 2014-04-14 11:34 am EST
Hits: 2218
Heartbleed 0-day OpenSSL security bug
Updated 2014-04-14 04:43 pm EST
Hits: 5640

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
Stack Exchange Q&A site proposal: Joomla

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!