Modify module dimensions

Hi! I want to know how to modify some module dimensions.

I attached a screenshoot where I highlight the modules which I want to resize.

How can I do it?

URL: http://mergincultures.site90.com

Thanks!

Hi

You need to resize left and right column for it. There are options for that in Layout section of template settings.

Hi. Thanks for your answer!

By this way, I can only resize the module width. Can I modify the height?

Thank you.

You can use following css code in templates features > Advanced > Custom CSS or enable CSS Override function from there and edit file "templates/template_name/css/override.css

Code: Select all

#gkMain .box {
    height: 250px;
}


Just keep in mind any module in gkMain area which uses .box class will have that height. If you need to use separate heights then you need to find the module you want to change its height and in module settings in module class enter a name. Then CSS you would use for them would be as below replacing class name with what you have entered under module class name in module settings.

Code: Select all

.mymoduleclassname { height: 300px; }


See you around...

Thank you so much! I can do it, and now looks better!

Now I have another dude... Is it possible to modify module title properties (font, aligment)?

Thanks!

That would be as below

Code: Select all

/* Module Titles Styling */
#gkWrap2 .box_menu h3, #gkWrap2 .box_text h3, #gkWrap2 .box h3 > span {
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    line-height: 8px;
    text-transform: uppercase;
}


See you around...

Excellent! Thank you so much!

No problem at all.

See you around...