GK5 grid

hi,

trying very hard to get a grid in place in HEADER position using grid GK5, but all the images going haywire..would be thankful if any learned teacher could give me a clue of whats wrong in the configuration

pcmart dotcom dot sg

thanks

Hi

In the matter of fact everything is correct here. Your problem is in module position selection and configuration of the module.

This module position is displayed under menu and logo since it's prepared for a slider or image which fits good with it. Configuration issue is in side of the boxes. For example first box is set to 2x2, second 1x2 and so on, while all Your images are similar size so You should use boxes not bigger than 1x1.

hi, i followed the 1x1 style, but i wish the images align nicely like a grid like the below example

http://www.artworkmarketplace.com/typog ... ion-i.html

whereas my site looks hopeless with images not re-aligning in proper position inside the header position

pls advise

thanks

Hi

It's all fine, You just need to remember that if You are using 1x1 images should be at least 180x180px, than 2x2 should be 340px x 340px and so on. This way images will fill the boxes.

Hi

It's all fine, You just need to remember that if You are using 1x1 images should be at least 180x180px, than 2x2 should be 340px x 340px and so on. This way images will fill the boxes.

thanks for the above instructions and has come out well as below
http://pcmart.com.sg/

only two more points i need help and then i am on my own

1. how to make the banner on the right hand bottom corner fill up the box completely without any white spaces for that particular bottom right last box.

2. my menu and the logo is overlapped by the header module and i wish to push the menu and logo and top menu to the top, and then the gk5 grid to cover the header.. as per below example
http://www.fomentosansebastian.eus/dono ... uration-ii

Hi

It's all fine, You just need to remember that if You are using 1x1 images should be at least 180x180px, than 2x2 should be 340px x 340px and so on. This way images will fill the boxes.

thanks for the above instructions and has come out well as below
http://pcmart.com.sg/

only two more points i need help and then i am on my own

1. how to make the banner on the right hand bottom corner fill up the box completely without any white spaces for that particular bottom right last box.

2. my menu and the logo is overlapped by the header module and i wish to push the menu and logo and top menu to the top, and then the gk5 grid to cover the header.. as per below example
http://www.fomentosansebastian.eus/dono ... uration-ii

hi , got a clue from gavick forum and used this css override
#gkHeaderNav.gkAbsoluteHeader {
position: relative;
}

.gkGridGK5 p {
margin: 0;
}
now perfectly alright..

PLEASE HELP me with my 2nd point regarding stretching the image to fill the whole box without any white spaces....thanks

Hi

Add this to override.css it will remove the spaces between boxes

Code: Select all

#gk-grid-726 .gkGridElement {
    border: medium none;
}


Hi

Add this to override.css it will remove the spaces between boxes

Code: Select all

#gk-grid-726 .gkGridElement {
    border: medium none;
}


the above idea did not work..please advise what else i need to do to make this grid gk5 work in the header for the below url

http://www.pcmart.com.sg/

Hi

I'm trying, but I think I do not understand what is not working exactly. With code:

#gk-grid-138 .gkGridElement {
border: medium none;
}

result is good.

Hi

I'm trying, but I think I do not understand what is not working exactly. With code:

#gk-grid-138 .gkGridElement {
border: medium none;
}

result is good.

hi, thanks a lot, i somehow made a colour background for each and every image and made it look a bit presentable..for the moment its ok ...and thanks a lot

Hi

Ok. Great to hear it. I'm closing this thread than.