Mainbody_bottom position not in stack

Hello.
I need to publish 2 modules( in this case, both NSP 4) that first module has 3 columns (one row) and second module has 1 column (1 row). I need to publish in mainbody_bottom position in same row, not in stack. First module with 75% and second module with 25% to complete 100% of row space. Final effect I need is show 4 columns with same widht on same row.

How can I do that?
Thank in advance,
David N.

Could You please post an url to your site and publish both modules so I can prepare custom css for You?

Hello,
http://cedom.netamin.es/es

modules are published.

Thanks a lot.
David.

Please edit: /templates/gk_magazine/css/override.css and add at its end:

Code: Select all

#gkMainbodyBottom {overflow: hidden;}
#gkMainbodyBottom > div.box {width: 25%; float: left;}
#gkMainbodyBottom > div.box.nomargin {width: 75%;}


Remember to enable "CSS override" in template settings - advanced section.

Just I need it, fast and simple solution.
Thanks,
David N.

Just I need it, fast and simple solution.
Thanks,
David N.

Hello,
I need same for #gkBannerTop, I need to put search box on top right of page. I copy you solution changing to gkBannerTop but doesn't work. Can you help me?
Thanks,

Right now there is only one module published inside. Could You post also searchbox so I can prepare working css?

Hello Cyberek,
Modules now are published. First module with text "ASOCIACION..." and search box are modules are to be in same row.

Thanks a lot for your help.
David N.

Its far more complicated to do it in header as there is not enough place.
I have come with this solution:

Code: Select all

#gkLogo {display: block; width: 300px; height: 49px;}
#gkMenuCedom {float: left;}
#gkMenuCedom div.custom  {float: left; margin-top: 12px;}
#gkMenuCedom form {float: right; width: 220px; margin: 20px 0 0 10px}



Hello,
just is I was looking for.
Thanks a lot again,
David.