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; }