Modifying div sizes on template (where is the code?)

Hi,
Im fairly new to this...
On my website there is a large space beneath the header (also containing GK Image Show) and my main component. I would like to reduce this gap. www.wedexpert.co.uk

I used chrome to inspect the html and css, and have tested some different sizes, and found that (it seems like) div.gkIsImage within gkis-gk-is-124 needs to have a height of 650px and sectionID=gkheader to min height 450px in order to close up the gap. (Apologies if this is totally wrong...)

I would like to make these changes (or similar ones to that effect) but im not sure how to find the right css file and then correct code to change.

I would really appreciate some advice please.

Thanks

Please edit: /templates/gk_startup/css/override.css and add at its end:

Code: Select all

#gkIs-gk-is-124 .gkIsImage {
height: 650px;
}
#gkHeader.nobg {
min-height: 450px;
}


Remember to enable "CSS override" in template settings - advanced section.

Please edit: /templates/gk_startup/css/override.css and add at its end:

Code: Select all

#gkIs-gk-is-124 .gkIsImage {
height: 650px;
}
#gkHeader.nobg {
min-height: 450px;
}


Remember to enable "CSS override" in template settings - advanced section.

Thanks, however I just did both these things (I believe), and also cleared the cache, and it hasn't changed? Any idea what I might have done wrong?

Could you please disable js and css compress so I can test whats wrong?

Could you please disable js and css compress so I can test whats wrong?

Thankyou for checking! I have now disabled Js and Css compression...

Could you please disable js and css compress so I can test whats wrong?

Any thoughts on what ive done wrong? Thanks

Please correct the code:

Code: Select all

#gkIs-gk-is-124 .gkIsImage {
height: 650px!important;
}
#gkHeader.nobg {
min-height: 450px!important;
}


Please correct the code:

Code: Select all

#gkIs-gk-is-124 .gkIsImage {
height: 650px!important;
}
#gkHeader.nobg {
min-height: 450px!important;
}


have just done this. Still have a huge gap showing up? on Firebug it looks like #gkIs-gk-is-124, #gkIs-gk-is-124 .gkIsImage is still 920px.

Im really sorry, I don't know what it is Im doing wrong...

Please correct the code:

Code: Select all

#gkIs-gk-is-124 .gkIsImage {
height: 650px!important;
}
#gkHeader.nobg {
min-height: 450px!important;
}


I have altered the code slightly to the below and now seems to work... Thanks

Code: Select all

#gkIs-gk-is-124, #gkIs-gk-is-124 .gkIsImage {
height: 650px!important;
}
#gkHeader.nobg {
min-height: 450px!important;
}