Change size of Module at Position Top 2 on Front Page

URL of site: http://tigerseye.mkis.edu.my/

The top 2 position is shorter than the top 1 position.

How do we change the height of the top 2 position? See image below:

tigerseye.gif

Hi,
High for modules depends from content inside this module. This is the reason why it happends. You can try add own suffix to both modules, for example ' my suffix' and add to override.css

Code: Select all

.mysuffix.box {
height:300px!important;
}


and put your own value. It will set same height for both of them. Remember to enable override.css option in template settings.

Thanks for the reply. When I overrode the CSS and added my suffix, I lost the white background and title of the module. How can I put it back and still expand the module size?

mysuffixmod.gif

templateModSuffix.gif

The White background and blue line that are shown on the left module also used to be on the right one which I changed:

MainSite.gif

Two things. First one please change 'my suffix' to 'mysuffix' class name has to be one word. And when you are adding suffix to module you need to add space before name ' mysuffix'.
Second. Please add this code to override.css file.