How do i increase the number of columns

September 2015 Joomla Template
GK User
Tue Jan 10, 2017 12:11 am
Hi. I need 4 columns in the bottom 9 module space. How I do this?
My site: viagemdemoto.com
User avatar
Senior Boarder

teitbite
Thu Jan 12, 2017 4:19 pm
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.
User avatar
Moderator

GK User
Fri Jan 13, 2017 12:19 am
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?
User avatar
Senior Boarder

teitbite
Tue Jan 17, 2017 1:17 pm
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.
User avatar
Moderator

GK User
Fri Jan 20, 2017 12:19 pm
I sent you a private message. You received?
User avatar
Senior Boarder

teitbite
Tue Jan 24, 2017 12:33 pm
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;
}
User avatar
Moderator

teitbite
Tue Jan 24, 2017 12:37 pm
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;
}
}
User avatar
Moderator

GK User
Tue Jan 24, 2017 1:43 pm
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.
User avatar
Senior Boarder

teitbite
Tue Jan 31, 2017 4:05 pm
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.
User avatar
Moderator

GK User
Wed Feb 01, 2017 12:51 pm
I checked enabled in CSS Override on the Advanced Settings tab of the theme. Is correct?
User avatar
Senior Boarder

teitbite
Mon Feb 06, 2017 12:10 pm
Hi

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

GK User
Wed Feb 08, 2017 12:04 pm
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?
User avatar
Senior Boarder

teitbite
Mon Feb 13, 2017 2:33 pm
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;
}
}
User avatar
Moderator


cron