How to enable 4 module positions at buttom

In the demo of this template you have 4 modules (namely "about Us", "Latest Tweets", "Social connection" etc) placed at the bottom of the template in what appears to be module position "bottom-1" How can I get my own custom modules like that in the module position? I tried it and the modules line up horizontally instead of vertically across like the demo.

Hello,

Can you submit your url here ?

Thanks

Website is not yet online. See snapshot of what I'm referring to (one the demo and the other my website). I place all three custom modules in the bottom-1 and also bottom-2 module position but still no difference.

In our demo, 4 modules assigned to bottom-2 position, did you change template setting ?

No I haven't changed the template settings, I've even gone as far as uninstalling and reinstalling a fresh copy of the template as well as installing it on a different Joomla install and the same problem. My time is running out to complete this project and it would appear this is going to be a long drawn out process since it takes you a whole day to respond to each response I post, could you please do me a favor and ask ALL relevant questions at one go so I can do the necessary checks and respond. And also since this is a new template could you please do a quick check on your side by installing this template in a fresh install of Joomla to see if this is an issue with your template.

Again this is what I've done:
I've assigned all three of my modules to position buttom-2
Also I've assigned all three of my modules to position buttom-1 with the same result.
If there is a special procedure/steps I need to carry out to get the modules aligned correctly please advise.

Thanks for your help so far.

Hello,

You should add module class suffix:

Module First: floatleft width25 first
Module Second, Third, Fourth: floatleft width25

Thanks