Joomla Templates Club 406,261 posts

[gillianfranje Friend gillianfranjeJoin date: March 2006Posts: 5Downloads:0Uploads:1]

#137930

I have been searching the JoomlArt forums, but I can’t find the answer.

How do I increase the height between the ‘mod_jaslideshow’ and the modules at the positions user5, user6 and right?

Thanks in advance!

[anisjolly Friend anisjollyJoin date: April 2008Posts: 661Downloads:0Uploads:15 Thanks: 33 Thanked: 96 times in 55 posts]

#290266

On template.css (line 637) find the following code:

#ja-containerwrap, #ja-containerwrap-fr, #ja-containerwrap-fl, #ja-containerwrap-f {
clear:both;
margin:0;
padding:0 0 30px;
}

and amend it to:

#ja-containerwrap, #ja-containerwrap-fr, #ja-containerwrap-fl, #ja-containerwrap-f {
clear:both;
margin:0;
padding:30px 0 30px;
}

The value highlighted in red – that’s what you need to amend to increase the gap.

Hope that helps

[gillianfranje Friend gillianfranjeJoin date: March 2006Posts: 5Downloads:0Uploads:1]

#290683

Hello anisjolly,

Thank you very much for your answer to my question.

I changed the padding but it didn’t work out properly. If you have a look at the picture of my site, you’ll see what I mean. I want to increase the height between the modules (the vertical red lines).

At the moment this is the code I am using:

/* COLLAPSIBLE LAYOUT
——————————————————— */
#ja-containerwrap,
#ja-containerwrap-fr,
#ja-containerwrap-fl,
#ja-containerwrap-f {
padding: 0 0 0px;
margin: 0;
clear: both;
}

Maybe I have to change some other things?

Thank you!

---

Attachments:

1. 

[anisjolly Friend anisjollyJoin date: April 2008Posts: 661Downloads:0Uploads:15 Thanks: 33 Thanked: 96 times in 55 posts]

#290686

hey gillianfranje

the code you are editing should be the correct code, which can be found in template.css

the code i’ve provided has been tested and works fine.

from what i can see you need to change your padding: 0 0 0px; value to

padding: 30px 0 30px;

OR

you could change the whole padding:0 0 0px line to:

padding-top: 30px

or which ever value you want in order to increase the space. the larger the value – the greater the space. Don’t forget to add the px at the end of the value or the space increase won’t work!!

Hope this helps.

Anis

[gillianfranje Friend gillianfranjeJoin date: March 2006Posts: 5Downloads:0Uploads:1]

#290697

Hello Anis,

Thanks again for your answer and help.

I know what the problem is. It’s my bad English :-[ Instead of increase I meant decrease. Sorry!

I suppose I have to change the code to padding: -30px 0 30px or something like that.

Anyway, I will give it a try!

Thank you, Anis!

[gillianfranje Friend gillianfranjeJoin date: March 2006Posts: 5Downloads:0Uploads:1]

#290700

Strange…

When I change the code to

padding: -30px 0 0px

or the whole padding:0 0 0px line to:

padding-top: -30px

nothing happens after saving the template.css and refreshing my Firefox browser. :((

[anisjolly Friend anisjollyJoin date: April 2008Posts: 661Downloads:0Uploads:15 Thanks: 33 Thanked: 96 times in 55 posts]

#291060

hi gillianfranje

as you’re not looking to increase the space (as originally thought), you need to change the following code instead to decrease the gap:

(you can find this code in ja.slideshow.css on line 10)

#ja-slideshowwrap {
margin-bottom:30px;
position:relative;
}

change the code above to:

#ja-slideshowwrap {
/*margin-bottom:30px;*/
position:relative;
}

This will remove the whole gap between the slideshow and content. If you wish to simply reduce it so the gap is not so big then just change the margin-bottom value to something smaller.

Thanks

Anis

[Author]

Posts