module height

Create fresh and professional look of personal or blog websites with AppsPro Tech
GK User
Thu Jun 14, 2012 8:33 am
Hello,

I have set 4 modules in position top1, top2, top3 and top4. The content of each modules are different and the modules height depends on the content. So I got a layout that is not very appealing. How can I have all the modules with the same height (height of the biggest module)?

Thank you.
User avatar
Expert Boarder

Konrad M
Thu Jun 14, 2012 8:37 am
Hi,
The easiest way to achieve that is add own suffix to modules and set height in css. For example add ' mysuffix' and add this to the override.css
Code: Select all
.mysuffix {
height:200px !important;
}

and set your own value. Remember to enable override.css option in template settings.
User avatar

GK User
Thu Jun 14, 2012 9:30 am
Hello Konrad,

thank you for the tip. I will try it. However this will force me to change the value each time I change the content of the modules. Do you have another trick to make the modules variable as well but all with the same height?
User avatar
Expert Boarder

GK User
Thu Jun 14, 2012 9:45 am
Konrad,

I have add the code to the override.css file and set the height to 350px. My modules already have " dark" suffixe, so I set the module suffixe to " dark mysuffixe" but the height are still function of the content. Event after I cleared joomla and FF cache.
User avatar
Expert Boarder

Konrad M
Thu Jun 14, 2012 9:47 am
Can you give me url to your site ?
User avatar

GK User
Thu Jun 14, 2012 9:59 am
User avatar
Expert Boarder

Konrad M
Thu Jun 14, 2012 10:02 am
Override.css isn't load. Did you enable Css overide option in template settings ? Please check it in ADVANCED SETTINGS section.
User avatar

GK User
Thu Jun 14, 2012 10:11 am
Ooops sorry. It works.
Thank you Konrad
User avatar
Expert Boarder


cron