Stacking modules but going full width?

Hello,

I want to stack two modules in Bottom1, Bottom2, Bottom3 and Bottom 4 module positions.
AND I want both modules to be displayed using the full-width of screen.

I find if I add the module suffix "normal-suffix" then the modules stack.
The only problem is this doesn't make them display full-.width

Please see example of two modules stacked in bottom4 position.

How can I make both go full width... i.e. I'd like the MY PARTNERS module with the dark bg to use 100% of the horizontal width of the screen and the TWITTER module with the light bg to go 100% too.

I'm sorry to report this site is not online at the moment so I need your advice based on the screenshot. Thanks

Sorry, but without access to a life site I can;t help much.
Perhaps you can post it somewhere temporally?

Hi Cyberek - I have uploaded the site and sent you a PM with the site details (which I do not wish to make public at this time)

Hi Cyberek et al.

I'm kind of dying for an answer on this one. Any ideas???

From what I see those modules are already 100% width. You have did it with:

Code: Select all

.box.bigtitle.custom1.dark.gkmod-2 {
   width: 100%;
}
.box.light.custom2.gkmod-2 {
   width: 100%;
}


The only suggestion I might have is to use only one custom class:

Code: Select all

.box.custom1 {
   width: 100% !important;
}


the only thing would be to add !important to declaration and use custom1 in both modules.

Cyberek, this is great and I've got the full-width issue cracked - to my considerable delight.

The only exception is in the mainbody module position where the above CSS code isn't having the same effect it is in bottom1,2,3,4,5.

Can you tell me how to achieve full-width in the mainbody?
I'm assuming I need to write something instead of .box in .box.custom1
I've tried one or two things but they haven't worked.

Please advise!

Thanks

To make mainbody full width, use this css:

Code: Select all

.gkPage {
width: 100%;
max-width: 100%;
}