You'll need to add CSS to add a left margin or left padding to the modules container. Example as follows. You can add the following CSS to Joomla CB template CSS file or CB template CSS file, your choice. Subscription won't make a difference in this aspect, we don't provide paid support nor help with development of your site.

[code:1]
.mod_login {
margin-left: 10px;
}
[/code:1]

Best approach is to add a module class suffix to each CB module then add CSS to target that suffix. Please see example as follows.

Suffix = ' cbModSpace' (without quotes, quotes used to show there is a space)

[code:1]
.cbModSpace {
margin-left: 10px;
}
[/code:1]

I used your second option,created in template.css of the template am using and refered to it then as you explained in the suffix.

This didn't work for the online module? For the online module the class suffix is added to the ul element. So you may need to use different CSS such as Padding the inside of the ULs content rather then adding a margin. I recommend trial and error, sorry, but I can't help you design your site. It works fine in default Joomla templates and Joomlapolis released templates. Issue I believe is with your template not padding the modules properly.