module width

Hello everybody,

i have 2 different modules in the same position (top1).
these 2 mod have the same width, but i would like to have different ones.

I've tried to create a new voice in the gk.stuff.css named .colSX defining the param width.
(i've also tried .box.colSX) then i've tried to put this into the module suffix of one module but
the experiment didn't work.

what is wrong in this procedure???

Thanks

Fabio

Hi, it won't be so easy but it's possible to do that using overriding technique.
Because width of module in one position depends of number of them, so if there are 3 - they have 33,3% of width.

33,3%+33,3%+33,3% =~100% of whole width

Few steps to get this

possible.png

I used case of 3 modules!

1) In two modules add new suffix in first " long"

long.png

and in second one " short"
2) In template configuration in Custom CSS field add

Code: Select all

.gkCols3 .box.long.gkmod-3  {
    width: 53.3%;
border:1px solid red;
}

.gkCols3 .box.short.gkmod-3  {
    width: 13.3%;
border:1px solid blue;
}

Now have fun, it's very easy to understand.

Thank you Pawel.

Just a doubt....

what do you mean by "Custom CSS field"

i've tried to write the code in:
override.css
then in
template.css
styleX.css
gk_stuff.css

In any case i couldn't any change.

Fabio

P.S.:
Both of modules are NSP GK5

I have tested my example with 3 custom HTML modules only, not with NSP because you didn't wrote about that.

You can try also different technique / idea.

Use only one Custom HTML module, inside insert 3 <div> in inside input module 1, 2, 3

//use Content - Load Modules plugin //

using simple styles you should be able to control width of those (3 or 4) modules inside 1.