Hello

In your second screenshot icons have been added to the module title. You can do so by using the Header Class field in your module settings. Simply add the icon class of your choice to this field.. http://demo.joomla51.com/0139/index.php/features/font-awesome

Ciarán

I think there was a misunderstanding,
My first question is
How can icons be listed in one line on the homepage with very minimal space between them?
That is instead of having two rows have a single row with let's say eight icons.
The second question is how can articles be arranged as neatly as they have been in this article 2nd screenshot.
Did you use tables to achieve that order or is it just a blog layout?

Hello

Would you have a URL to an example of your icons?

For the second screenshot modules are divided between 3 module positions (bottom-1a, bottom-1b and bottom-1c) to create the 3 columns.

Ciarán

I don't have an URL but i had something like this screenshot one and not two.
Instead of four rows which are the maximum at the modules setting maybe have 8 or 7

Hello

It is difficult to say with a live example however at a guess you can try adding the following to the Custom CSS field of your templates parameters...

.j51_icons .j51_icon {

    text-align: center !important;

    width: 12.5% !important;

} 

Ciarán

Hello Ciarán, just curious at the back end where you setting for the home page icons are.
Is there a way of having an option like 8 columns and choosing the number of rows.
Just thinking i will try what you sent me when i get home.
Thanks again.

Hello

Not by default however you could use the following Custom CSS where 514 is the ID number to your module (edit to taste)...

.j51_icons514 .j51_icon {

    width: 12.5%;

} 

Ciarán