alot of white spaces on my page

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Tue Feb 26, 2013 1:53 pm
Reply with quote
Report this post
hi guys,

can someone tell me how to get rid of the white space between my header image and the text below and the space between the text and the boxes below that,

thanks guys

http://www.jamesknightpersonaltraining.com
User avatar
Senior Boarder

Konrad M
Tue Feb 26, 2013 2:07 pm
Reply with quote
Report this post
Hi,
no problem just give us access to your website because now is locked. Just send me Private Message with details.
User avatar

Konrad M
Tue Feb 26, 2013 3:24 pm
Reply with quote
Report this post
Please try add to override.css
Code: Select all
#gkHeader.nobg {
    min-height: 581px;
}

Remember to enable override.css option in template settings and try remove suffixes bigspaces and smallspaces published in Mainbody and MainbodyBottom positions at home page.
User avatar

GK User
Tue Feb 26, 2013 4:36 pm
Reply with quote
Report this post
thanks mate it worked, how do you change to colour of the boxes below, i want a platinum colour.

cheers
User avatar
Senior Boarder

Konrad M
Tue Feb 26, 2013 4:47 pm
Reply with quote
Report this post
Try add to override.css
Code: Select all
#gkBottom1, #gkBottom3 {
    background: #F5F5F5;
}

and set own background color value. Remember to enable override.css option in template settings.
User avatar

GK User
Tue Feb 26, 2013 5:35 pm
Reply with quote
Report this post
sorry mate not that box, the 4 boxes above them,

innovative design
award wining agency
your ideas
save your time
User avatar
Senior Boarder

Konrad M
Tue Feb 26, 2013 5:41 pm
Reply with quote
Report this post
To change colors please add to override.css
Code: Select all
.gkFeatures > a {
    -moz-box-sizing: border-box;
    background: #FFFFFF;
 

If you would like change color whe you hover it please add:
Code: Select all
.gkFeatures > a:hover {
    background:#EB592A;
}

and change values to fit your needs. Remember to enable override.css option in template settings.
User avatar

GK User
Tue Feb 26, 2013 6:14 pm
Reply with quote
Report this post
thanks for this but its the orange hover i dont want,
User avatar
Senior Boarder

Konrad M
Wed Feb 27, 2013 4:11 pm
Reply with quote
Report this post
If you don't want it just set as same value for hover as on normal state.
User avatar

GK User
Wed Feb 27, 2013 7:43 pm
Reply with quote
Report this post
hi mate sorry, i didnt see the hover remark below, my bad, one last thing where will i find the little images int the boxes, pig rocket etc.

this is the last thing.

thankyou for all your help.

dai
User avatar
Senior Boarder

Konrad M
Thu Feb 28, 2013 8:52 am
Reply with quote
Report this post
You will find them in:
Code: Select all
images/style1/gk_rocket.png
images/style1/gk_badge.png
images/style1/gk_mouse.png
images/style1/gk_piggy.png

inside template folder.
User avatar

GK User
Sun Mar 03, 2013 12:20 am
Reply with quote
Report this post
Hi,

i have modify header min space but still lot spaces betwenn each module. Not only on header. Could you help me to reduce them? My web http://www.ticopen.com/aidarail/

Thanks,

Ignacio
User avatar
Fresh Boarder

Konrad M
Mon Mar 04, 2013 9:41 am
Reply with quote
Report this post
Please try add to override.css
Code: Select all
.gkPage div.box.bigspaces {
    padding: 110px 0 90px !important;
}
.gkPage div.box.mediumspaces {
    padding: 80px 0 60px !important;
}
.gkPage div.box.smallspaces {
    padding: 50px 0 30px !important;
}

and reduce values to fit your needs.
User avatar

GK User
Wed Mar 06, 2013 12:17 pm
Reply with quote
Report this post
Konrad M wrote:Please try add to override.css
Code: Select all
.gkPage div.box.bigspaces {
    padding: 110px 0 90px !important;
}
.gkPage div.box.mediumspaces {
    padding: 80px 0 60px !important;
}
.gkPage div.box.smallspaces {
    padding: 50px 0 30px !important;
}

and reduce values to fit your needs.


Great! Thanks.
User avatar
Fresh Boarder


cron