Logo Size

Hi Team,

I have changed the Logo Width and Height, even though the width seems to be ok but the height change creates an asthetics problem.

I want the elogo to sit on the same line as the links (about joomla, feature...)

How can i do this??

Code: Select all

/* Logo */



#gkLogo { height: 122px; margin:0;width:186px;float:left; }

#gkLogo.text a {color:#fff; font-size:12px; text-decoration:none; text-shadow:1px 1px 1px #222 }

#gkLogo.text .gkLogoText {  font-size:24px;margin-left:21px;}

#gkLogo.text .gkLogoSlogan {font-size:96%;margin:-10px 0 0 21px;;font-weight:normal}

#gkLogo.text .gkLogoSlogan { color:#999;display:block; }

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

#gkLogo.text a { text-indent:0!important; background:none!important; }

#gkLogo.text a:hover{color:#ccc}


logo.jpg

Hi
Can you give us url to your site?

thepomegranates.com.au/index.php

Ok and you want to move logo up or menu items and search down ?

Move the Logo Up Please

Ok
try add this to override.css

Code: Select all

#gkPageTop {
    padding: 150px 0 0;
}
#gkLogo a {
    height: 136px;
}
#gkTopMenu {
    margin-top: 106px;
}
#gkSearch {
    margin-top: 96px;
}


and remember to enable override.css option in template settings

Thank You so Much For That, But i dont know How to enable the css option in template settings.

I have pasted the code in override.css