Joomla Templates Club 406,261 posts

[matu666 Friend matu666Join date: October 2008Posts: 5Downloads:0Uploads:0 Thanks: 4]

#135350

Hi.

So is it possible and if it is then how i separate them?

I have separated left and right column from content by decreasing columns size.
Now i want to separate horizontaly all the modules from each other.

please someone help me so i can go on with my job!!
thank you

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#279112

Hi matu666,

Please open template.css file in templatesja_rutilecss folder, about line 692, find script:

div.module,
div.module_text,
div.module_menu,
div.module_hilite,
div.ja-box-br {
padding: 0;
float: left;
clear: both;
width: 100%;
background: url(../images/box-br.gif) no-repeat bottom right #FFFFFF;
overflow: hidden;
}

and replace to:

div.module,
div.module_text,
div.module_menu,
div.module_hilite,
div.ja-box-br {
padding-top: 5px;
float: left;
clear: both;
width: 100%;
background: url(../images/box-br.gif) no-repeat bottom right #FFFFFF;
overflow: hidden;
}

1 user says Thank You to JA Developer for this useful post

1. matu666

[matu666 Friend matu666Join date: October 2008Posts: 5Downloads:0Uploads:0 Thanks: 4]

#279147

Thank you for your quick reply.
padding wont work but i added margin in new line and that worked.

div.module,
div.module_text,
div.module_menu,
div.module_hilite,
div.ja-box-br {
padding: 0;
margin: 0 0 5px;
float: left;
clear: both;
width: 100%;
background: url(../images/box-br.gif) no-repeat bottom right #666;
overflow: hidden;

so thank you for pointing me right line 😉

still having one problem…it wont separate bottom…

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#279157

try… margin: 3px 0;

This should have a 3px margin top and bottom (6px total) and none left and right but JA developers padding method should work anyway.

EDIT: the bottom modules are controled by… template.css (line 1003)

#ja-botsl {
clear:both;
margin:0;
padding:0;
}


EDIT 2: OK padding won’t get the results you are looking for so disregard everything I said above.

For bottom modules go to line 1003 of template.css…

#ja-botsl {
clear:both;
margin:0;
padding:0;
}
and change to…
#ja-botsl {
clear:both;
margin: 5px 0;
padding:0;
}

1 user says Thank You to scotty for this useful post

1. matu666

[matu666 Friend matu666Join date: October 2008Posts: 5Downloads:0Uploads:0 Thanks: 4]

#279167

yes….that worked 🙂

thank you so very much 🙂

now all the ppl know’s how to separate modules!!

[Author]

Posts