Joomla Templates Club 406,261 posts

[vojkanbg Friend vojkanbgJoin date: November 2010Posts: 38Downloads:0Uploads:3 Thanks: 10]

#164337

How to make modules user1, user2, user3, user4 and user5 all have the same hight?

At the moment their hight depends on amount of data that module holdes, ie. if one module has more data it also has higher hight.

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#392506

We can set a maximum or fixed height in css. Please post a linkg to your site but first go into the template manager and make sure css optimization is set to “No” so we can see the correct css to edit.

[vojkanbg Friend vojkanbgJoin date: November 2010Posts: 38Downloads:0Uploads:3 Thanks: 10]

#392677

http://novista.podsetnik.net/
I’d like all modules user1-5 to have the same hight.

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#392715

How can you have that with different heights of data inside? The best way IMHO is ot make the contents all the same height.

If you wish to force it with css that can be done but it would chop off any content that overflows.

[vojkanbg Friend vojkanbgJoin date: November 2010Posts: 38Downloads:0Uploads:3 Thanks: 10]

#392816

Well, I think there are two options.
1) Set manually modules hight so that all have the same hight
2) More advanced options would be that shorter modules (those that have less content) copy/adjust to module that have the highest hight.

The second option is how modules user6-10 are functioning.
Try to put more content into module user10, and modules 6-9 will have the same hight as the module user10 even though they have less conent and do not require as much space.

Please check attached image for clarification.

---

Attachments:

1. 

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#392825

Open template.css and add the bit in red below at line 294 setting the size to whatever figure you need.


div.ja-moduletable .ja-box-ct, div.moduletable .ja-box-ct {
height: 609px;
padding: 8px;

}

1 user says Thank You to Phill for this useful post

1. vojkanbg

[vojkanbg Friend vojkanbgJoin date: November 2010Posts: 38Downloads:0Uploads:3 Thanks: 10]

#393028

Thank you.
It is not automatic as it is with menus user6-10, but it works.

[Author]

Posts