use the "gkcols" label to have 3 columns with different size

I'm using the "Steak House" Joomla 3.4 template. My URL is:

http://unicadem.com/politica-de-cookies?id=6:sucesiones-y-series-numericas&catid=7

I would greatly appreciate indicate how you can use the label "gkcols" to have 3 columns with different sizes. What is the change to be made in the override.css file? How the call is made to this new label? Something like <div class = "gkCols.gkcols3" tab cols = "3">?
Thank You

Hi

I'm afraid this was meant to be for equal columns. I do not think there is a way to change it. Sorry.

RESOLVED IN THE PREVIOUS POST.

Hi

Och, so this is what You mean. Than yes it can be resized. Just use a code like:

Code: Select all

.gkCols[data-cols="3"] > div:nth-child(1) {
width: 40%;
}
.gkCols[data-cols="3"] > div:nth-child(2) {
width: 30%;
}
.gkCols[data-cols="3"] > div:nth-child(3) {
width: 30%;
}