How do i increase the number of columns

Hi. I need 4 columns in the bottom 9 module space. How I do this?
My site: viagemdemoto.com

Hi

Please post all 9 modules in bottom9 module position and let me know when You'll do this so I'll check Your site and come up with an override.

When I do this the modules stack up and it gets pretty bad. I can't do this with the site in production. Can't you use a test site?

Hi

This is a custom work, which we do no support, but I'm gonna help You anyway, just need small help from Your site as well. If Your site is public, publish this modules with a "Special" access level and send me an access to joomla panel so I'll be able to see it after login in.

I sent you a private message. You received?

Hi

Yes I did. Please add this to override.css

Code: Select all

.gkCols3 .box.gkmod-3, .gkCols3 .box.gkmod-more {
    width: 25%;
}

.gkCols3 .box.gkmod-more.gkmod-last-1:last-child {
    width: 25% !important;
}

.gkCols3 .box.gkmod-more:nth-child(3n+1) {
    clear: none;
}


Och, just noticed one more:

Code: Select all

.gkCols3 .box.gkmod-more .box-wrap {
    padding: 32px !important;
}


and form mobile optimisation

Code: Select all

@media only screen and (max-width:880px) {
.gkCols3 .box.gkmod-3, .gkCols3 .box.gkmod-more {
    width: 50%;
}

.gkCols3 .box.gkmod-3:nth-child(2n+3), .gkCols3 .box.gkmod-more:nth-child(2n+3) {
    clear:both;
}
}


Thank you, my friend. I did this, but it isn't working. The
command

Code: Select all

.gkCols3 .box.gkmod-more .box-wrap

is red, I don't know if there is a reason.

Hi

I've just checked and I do not see override.css being loaded on Your site, so my ode is not used at all right now. Please enable using override in template settings and let me know when You will do it so I'll check how it worked.

I checked enabled in CSS Override on the Advanced Settings tab of the theme. Is correct?

Hi

Yes, that's corret. I can see override.css being loaded and 4 columns are showing fine now

Yes thanks. Now it's working. But other bottom positions that I have 3 modules are with blank space now. Is it possible for this to be applied only to the bottom position 9 or when it has fewer modules than 4, not to make blank space?

Hi

Of course. Just add "#gkBottom9" before every selector in the code I gave You.

Code: Select all

#gkBottom9 .gkCols3 .box.gkmod-3,
#gkBottom9 .gkCols3 .box.gkmod-more {
    width: 25%;
}

#gkBottom9 .gkCols3 .box.gkmod-more.gkmod-last-1:last-child {
    width: 25% !important;
}

#gkBottom9 .gkCols3 .box.gkmod-more:nth-child(3n+1) {
    clear: none;
}

#gkBottom9 .gkCols3 .box.gkmod-more .box-wrap {
    padding: 32px !important;
}

@media only screen and (max-width:880px) {
#gkBottom9 .gkCols3 .box.gkmod-3,
#gkBottom9 .gkCols3 .box.gkmod-more {
    width: 50%;
}

#gkBottom9 .gkCols3 .box.gkmod-3:nth-child(2n+3),
#gkBottom9 .gkCols3 .box.gkmod-more:nth-child(2n+3) {
    clear:both;
}
}