You could try adding the block of css codes below:

[gist]
body div#es .mod-card {
width: 33%;
display: inline-block;
}
[/gist]

Thanks for the very fast response, where exactly do I have to add the CSS code?

I added it to the custom CSS file under the ES component -> Templates -> Elegant and nothing changed so I then added it to the Joomla Elegant Template custom CSS file and still nothing changed. It's probably very basic just beyond my knowledge boundaries.

Thanks,
Gareth

Hello Gareth,

I tried checking the page at http://nitcit.com/ and it is already in 3 columns, http://take.ms/2NtjJ . Perhaps your browser was caching the css and it was probably why you don't see those changes that you have added?

Hi Mark,

Yes adding the CSS above to the custom.css in the Joomla template worked.

Thank you very much one again,
Gareth

Thanks for updating me on this Gareth, glad that your issues are resolved now