4th column at Top2 position

How do i make space for 4th column at Top2 position

I am trying to achieve this https://docs.google.com/file/d/0B5K2lySm1GVPQ2NidEpwY09VcUE/edit?usp=drivesdk

and at the moment it is this https://docs.google.com/file/d/0B5K2lySm1GVPVzVNUDhLdHI5Wlk/edit?usp=drivesdk

Hi,
did you tried to change suffix class for those 4 modules
from "banner gkmod-3" to " banner gkmod-4"
for each of them.

Cant see "banner gkmod-3" but sure there just "Banner" you want me to make it "banner gkmod-4"

Hi,
did you tried to change suffix class for those 4 modules
from "banner gkmod-3" to " banner gkmod-4"
for each of them.

About TOP2, sorry I forgot that this class is added not by module settings, so please use this:

Code: Select all

#gkTop2 .box.gkmod-3,#gkTop2 .box.gkmod-more,
#gkTop2 .box.gkmod-more.gkmod-last-1:last-child { width: 24.99% !important; }
#gkTop2 .box.gkmod-more:nth-child(3n+1) {clear: none;}

You will get 4 columns in that position.
If you want to use this same for others , just replace ID to another taken from sourcecode.

Hi,
The code that you have provided below is not responsive, please click the URL below to see my site, it looks fine on a desktop only:
http://192.185.154.195/~rugs/