Logo Height

I can increase the logo height on the memovie template?

I have tried editing template.css and also using override.css (enabling over ride css in the admin) and it still will not change!

Website: www.infamousgaming.co.uk

The new logo width is 970px and the height is 250px. (the old logo is currently displaying on the site until I can increase the height)

I changed the template.css to:

Code: Select all

h1#gkLogo{margin:0; height:250px; width:970px; float:left;font-size:12px;}
h1#gkLogo a{text-indent:-999em; display:block; height:250px; width:980px; background:transparent url('../images/logo.png') no-repeat}
#gkLogo.text a {background:none repeat scroll 0 0 transparent !important;text-indent:0 !important;}
.text a:hover{color:#ccc}
.gkLogoText {color:#fff; font-size:24px; text-decoration:none; text-shadow:1px 1px 1px #222;margin-left:21px;float:left;display:block;}
.gkLogoSlogan {color:#999; margin:-10px 0 0 21px;float:left;display:block;width:100%;font-weight:normal}

And that doesn't work.

Can anybody help? Thanks

Also I think my subscription expires here tomorrow so I may not be able to see replies. Please email me: [email protected]

Thank you

Currently your site is loading this code

Code: Select all

h1#gkLogo a {
     background: url("../images/logo.png") no-repeat scroll 0% 0% transparent;
     display: block;
     height: 250px;
     text-indent: -999em;
     width: 980px;
}


And your logo is 980px x 60px and it is at

Code: Select all

templates/gk_memovie/images/logo.png


What you can do is rename your new logo to logo2.png and upload it to where current logo is and we can check from online to see how it looks or what the real problem is...

I put my old logo back there because the new one doesn't fit.

The new one is located: templates/gk_memovie/images/banner.png

Look now and you will see the issue. I didn't leave it there first because it looks stupid to the visitors.

Use below code in your override.css or in template.css line 34 change height to 250px

Code: Select all

#gkPageTop {
    background: url("../images/top_bg.png") repeat-x scroll center bottom #3D4044;
    height: 250px;
    margin: 0 4px;
}


LEGEND! Works perfect. I couldn't find what the issue was to save my life.

Thanks a lot

Also in your template.css Line 47 change white border to colour #363636 which matches other colors in your template and looks better try it.

So Line 47

Code: Select all

#gkBreadcrumb {
    background: url("../images/style1/menu_bg.png") repeat-x scroll center bottom transparent;
    border-bottom: 4px solid #ffffff;
    border-left: 4px solid #ffffff;
    border-right: 4px solid #ffffff;
    clear: both;
    height: 34px;
    line-height: 34px;
    padding: 0;
    position: relative;
}


To

Code: Select all

#gkBreadcrumb {
    background: url("../images/style1/menu_bg.png") repeat-x scroll center bottom transparent;
    border-bottom: 4px solid #363636;
    border-left: 4px solid #363636;
    border-right: 4px solid #363636;
    clear: both;
    height: 34px;
    line-height: 34px;
    padding: 0;
    position: relative;
}


Also for your shoutbox edit modules/mod_shoutbox/css/mod_shoutbox.css Line 1 - Change height to 305px so it matches the heights in your left modules.

Code: Select all

#chatoutput {
    background: none repeat scroll 0 0 #212121;
    border: 1px solid #2F2F2F;
    color: #FFFFFF;
    font: 11px helvetica,arial,sans-serif;
    height: 305px;
    margin-top: 10px;
    overflow: auto;
    padding: 6px 8px;
}