Joomla Templates Club 406,261 posts

[pprle Friend pprleJoin date: December 2011Posts: 65Downloads:68Uploads:0 Thanks: 11 Thanked: 4 times in 4 posts]

#704820

Hi,

I would like to reduce the margin between the main content and the top/bottom modules.

1.Above main content (positions 1 to 4 + 2 customs) reduce the margin by 2/3 (estimate, might need to be refined*)
2. Under main content (positions 5 to 8 + 2 customs) reduce the margin by 1/2 (estimate, might need to be refined*)

*I would like the same margin height for both

Thank you in advance

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#704864

Try This . . . .

Paste the following CSS rules within your custom.css file . . .


.t3-sl {
padding-bottom: 20px;
padding-top: 20px;
}

.t3-module {
margin-bottom: -30px;
}

You can, of course, play around with the pixel values until you arrive at the result you’re most happy with.

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

Better ??

1 user says Thank You to TomC for this useful post

1. pprle

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#751527

Try This . . . .

Paste the following CSS rules within your custom.css file . . .


.t3-sl {
padding-bottom: 20px;
padding-top: 20px;
}

.t3-module {
margin-bottom: -30px;
}

You can, of course, play around with the pixel values until you arrive at the result you’re most happy with.

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

Better ??

1 user says Thank You to TomC for this useful post

1. pprle

[pprle Friend pprleJoin date: December 2011Posts: 65Downloads:68Uploads:0 Thanks: 11 Thanked: 4 times in 4 posts]

#704981

Hi,

Thank you TomC.

.t3-module {… is impacting all modules (including sidebars and footers), that is not what I want to achive.

.t3-sl… helped me partially.

/* POSITIONING MODULES POSITIONS 1-4 */
.t3-sl {
padding-bottom: 0px;
padding-top: 50px;
}
I also tried to add margin-bottom and margin-top to this .t3-sl {… without success.
So I think it is the global main content area that has to move up now…`
Can you please further assist me?

[pprle Friend pprleJoin date: December 2011Posts: 65Downloads:68Uploads:0 Thanks: 11 Thanked: 4 times in 4 posts]

#751619

Hi,

Thank you TomC.

.t3-module {… is impacting all modules (including sidebars and footers), that is not what I want to achive.

.t3-sl… helped me partially.

/* POSITIONING MODULES POSITIONS 1-4 */
.t3-sl {
padding-bottom: 0px;
padding-top: 50px;
}
I also tried to add margin-bottom and margin-top to this .t3-sl {… without success.
So I think it is the global main content area that has to move up now…`
Can you please further assist me?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#705201

Hi pprle,

You can use this css rule:


.t3-mainbody {
padding-top: 24px;
padding-bottom: 24px;
}


and change to your desired value.

1 user says Thank You to Saguaros for this useful post

1. pprle

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#751752

Hi pprle,

You can use this css rule:


.t3-mainbody {
padding-top: 24px;
padding-bottom: 24px;
}


and change to your desired value.

1 user says Thank You to Saguaros for this useful post

1. pprle

[pprle Friend pprleJoin date: December 2011Posts: 65Downloads:68Uploads:0 Thanks: 11 Thanked: 4 times in 4 posts]

#705268

Thank you Saguaros,

This also helped me further more to adjust the display.

But I discovered the main reason for the unwanted spacing was due to modules positions not used in some pages…

[pprle Friend pprleJoin date: December 2011Posts: 65Downloads:68Uploads:0 Thanks: 11 Thanked: 4 times in 4 posts]

#705330

Thank you Saguaros,

This also helped me further more to adjust the display.

But I discovered the main reason for the unwanted spacing was due to modules positions not used in some pages…

[pprle Friend pprleJoin date: December 2011Posts: 65Downloads:68Uploads:0 Thanks: 11 Thanked: 4 times in 4 posts]

#751804

Thank you Saguaros,

This also helped me further more to adjust the display.

But I discovered the main reason for the unwanted spacing was due to modules positions not used in some pages…

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#705340

So is the issue resolved to your satisfaction at this point? 🙂

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#751814

So is the issue resolved to your satisfaction at this point? 🙂

[Author]

Posts