Joomla/CSS - Separate module tables to have a line between each other

How do I separate module tables for a Joomla site so that they are not one after the other i.e. To have at least a line separating each other. By default in Joomla, module tables are one after the other leaving no space between them. Hence, I want to have some space separating modules.
cscg1976Asked:
Who is Participating?
 
Mark StegglesConnect With a Mentor Web DeveloperCommented:
Hello,

do u have access to the css or can you apply css?

its very easy to create this space between tables. You just have to apply margin:10px 0; to the tables... where 10px is the vertical margin and 0 is the horizontal. You could do this:

table {
margin:10px 0;
}

which will apply this rule to all tables. Or you could use a class and apply it only to certain tables

table.withMargin {
margin:10px 0;
}
html:
<table class="withMargin">



hope this helps

Steggs
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.