Change Logo

1. update logo to overwrite the logo: /templates/gk_sporter/images/logo.png;

2. open css: /templates/gk_sporter/css/template.css,

To redefine the logo dimension:

To redefine the height of the elements:

change:

h1.logo { background:transparent url('../images/logo.png') no-repeat 0 0; float:left; height:86px; margin:54px 0 0 0; padding:0; width:294px; }

to:

h1.logo { background:transparent url('../images/logo.png') no-repeat 0 0; float:left; height:52px; margin:54px 0 0 0; padding:0; width:343px; }

change:

h1.logo a { background:transparent; display:block; height:86px; margin:0; padding:0; text-indent:-999em; width:294px; }

to:

h1.logo a { background:transparent; display:block; height:52px; margin:0; padding:0; text-indent:-999em; width:343px; }

To shrink the gap between the top and the main content:

change:

#gk-top { min-height: 142px; }

to:

#gk-top { min-height: 122px; }

To reposition the login button:

To reduce the top margin of the elements:

change:

#btn_register { display: block; float: right; margin: 88px 0 0 16px; }

to:

#btn_register { display: block; float: right; margin: 68px 0 0 16px; }

change:

#btn_register { margin-top: 91px; }

to:

#btn_register { margin-top: 71px; }