gkcols 3 columns of different sizes

I'm using the "Steak House" template in joomla 3.4.
Would need to know how to get use "gkcols" to have 3 columns of different sizes. What label put on override.css? How the call would be made to this new label from the article <div class="gkCols.gkcols3" data-cols="3"> ?
Thank You

Could you please post an url to your site?

http://unicadem.com/politica-de-cookies ... as&catid=7

@carmmaweb - there is no way to have 3 columns with different sizes using gkCols class without special CSS adjustments.

Please use syntax starting with:

Code: Select all

<div class="gkCols gkColsDiff" data-cols="3">

then please create code like:

Code: Select all

.gkColsDiff > div:nth-child(1) {
width: 50%!important;
}
.gkColsDiff > div:nth-child(2) {
width: 30%!important;
}
.gkColsDiff > div:nth-child(3) {
width: 20%!important;
}
@media (max-width: 640px) {
.gkColsDiff > div:nth-child(1),
.gkColsDiff > div:nth-child(2),
.gkColsDiff > div:nth-child(3) {
width: 100%!important;
}
}


in the template settings -> Advanced settings -> Custom CSS code

NOW IF. THANK YOU FOR YOUR INTEREST. IN THESE DETAILS ARE THE BEST IN CUSTOMER SERVICE. Thank you.