How to I change the AppSite logo?

Having trouble changing the AppSite logo to my own. I already overwrote the logo.png in the template image folder. I am missing something. The logo will not update. Need some help with the details on how to change.

Thanks

Hi

Logo is located in template's /images/logo.png . Please replace this file and show me the page than to match css code for that.

I replaced the file and below is the code for the template.css
/*
#------------------------------------------------------------------------
# Appsite - March 2011 template (for Joomla 1.6)
#
# Copyright (C) 2007-2011 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software. It is based on GavickPro's GAVERN framework.
NOTE: It is not free or public. This theme is for members of the GavickPro club only.
# Website: http://www.gavick.com
# Support: [email protected]
*/

/* Basic elements */
body { min-height:100%; line-height: 1.8; background: #eaeaea; color: #656565; border-top: 1px solid #fff; }
a { color: #36b0e4; text-decoration: none }
a:hover,
a:active,
a:focus { color: #e45b36; }
h1, h2, h3, h4, h5 { font-weight: normal }
h1 { font-size:380%; }
h2 { font-size:350%; }
h3 { font-size:135%; }
h4 { font-size:110%; }
h5 { font-size:100%; }
ul { list-style:none; }
ul li { line-height:2.5; }
p { margin: 0.5em 0 }
/* userarea */
#gkButtons { float: right; height: 14px; margin-top: 59px; line-height: 14px; }
#gkButtons a { font-size: 11px; border-left: 1px solid #999; padding-left: 10px; color: #555; }
#gkButtons a:hover,
#gkButtons a:focus,
#gkButtons a:active { color: #36B0E4; }
#gkButtons a:first-child { border-left: none; padding-right: 10px; }
/* Logo */
h1#gkLogo { margin: 0; padding: 0; float: left; }
h1#gkLogo a img { display: block; height: 104px; margin: 0; width:193px; }
h1#gkLogo a.cssLogo { background: url('../images/logo.png') no-repeat 0 0; display: block; height: 104px; margin: 0; text-indent: -999em; width:193px; top: 0; left:0; z-index: 1001; }
h1.gkLogo.text { width: auto; margin: 20px 0 20px 0; }
h1.gkLogo.text a,
h1.gkLogo.text .gkSiteSlogan { display: block; background:none!important; color: #fff; font: normal 40px/50px Arial, serif; text-indent: 0; text-align: center; color:#3b3b3b; }
h1.gkLogo.text a { padding: 0; width: auto!important; }
h1.gkLogo.text .gkSiteSlogan { font-size: 16px; line-height: 10px; margin: -50px 0 18px 0; }
/* Containers */
#mainPage { background: #fff; }
#mainContent { padding: 36px; }
/* bottom */
#middleWrap { background: #222; height: 47px; line-height: 45px; }
#gkSocialIcons { float: left; margin-left: 36px; }
#gkSearch { float: right; margin-right: 36px; }
#mainBottom { background: #151515; overflow:hidden; font-size: 12px; padding:0!important; }
#mainBottom .box div > h3 { text-transform: uppercase; color: #b9b9b9;border-bottom: 1px solid #333; margin-bottom: 18px; font-size: 20px}
#mainBottom a { color: #555}
#mainBottom a:hover { color: #b9b9b9}
#mainBottom .box ul li { list-style: disc inside }
#mainBottom .box ul li:hover { }
#gkBottom1,
#gkBottom2 { padding: 28px 36px 0 36px; overflow:hidden; display:block; width: auto; }
#gkBottom1 .gkCol,
#gkBottom2 .gkCol { display: block; float: left; }
/* social icons */
#gkSocialIcons a { background: transparent url('../images/social_icons.png') no-repeat 0 16px; display: block; float: left; height: 45px; line-height: 45px; margin: 0 36px 0 0; padding-left: 36px; font-size: 18px; color: #555}
#gkIconsVimeo { background-position: 0 -13px!important; }
#gkIconsTwitter { background-position: 0 -46px!important; }
#gkSocialIcons a:hover { color: #36B0E4 !important}
a:hover#gkIconsFacebook { background-position: 0 -80px!important; }
a:hover#gkIconsVimeo{ background-position: 0 -109px!important; }
a:hover#gkIconsTwitter { background-position: 0 -142px!important; }
/* search */
#gkSearch { float: right; margin-right: 36px; }
/* footer */
#gkFooter { margin: 36px 36px 0; padding: 12px 0; width: auto; border-top: 1px solid #222; overflow: hidden; }
#gkFooter li { float: left; font-size: 11px; border-top: none!important; margin-right: 10px; }
#gkStyleArea { margin-left: 20px!important; }
#gkStyleArea,
#gkCopyrights { float:right; font-size: 11px; line-height: 28px; margin: 0; }
#gkFrameworkLogo { display: block; width: 130px; height: 42px; background: url('../images/framework-logo.png') no-repeat 0 0; text-indent: -9999em; margin: 40px auto; }

/* Suffixes */
#mainPage .box,
#mainPage .box_menu,
#mainPage .box_text { overflow: hidden; margin-top: 36px !important; background: #fff; }
#mainPage .box:first-child,
#mainPage .box_menu:first-child,
#mainPage .box_text:first-child { margin-top: 0!important; }
#mainPage .box > div,
#mainPage .box_menu > div,
#mainPage .box_text > div { margin: 0px; }
#mainPage .box .content { padding: 0; }
#mainPage .box li,
#mainPage .box_menu li,
#mainPage .box_text li { }
#mainPage .box li:first-child,
#mainPage .box_menu li:first-child,
#mainPage .box_text li:first-child { }
.box .content { overflow: hidden; }
/*--- default */
#mainPage .box > div > h3,
#mainPage .box_menu > div > h3,
#mainPage .box_text > div > h3 { height: 64px; line-height: 100%; background: url('../images/module_header.png') no-repeat 0 bottom; font-size: 32px; font-weight: normal; color: #3b3b3b; padding: 0 0 6px; margin: 0 0 8px; }
#mainPage .box > div > h3 > span,
#mainPage .box_menu > div > h3 > span,
#mainPage .box_text > div > h3 > span { color: #36b0e4; }
#mainPage .box ul { padding: 0; }
#mainPage .box ul li { border-top: 1px solid #eaeaea; list-style-type: disc; list-style: inside}
#mainPage .box ul li:first-child { border-top: none; }
/* _text */
#mainPage .box_text h3 { font-weight: normal; font-size:115%; }
#mainPage .box_text .bannerfooter { font-size: 85%; text-align: right; font-style: italic; }
#mainPage .box_text .banneritem { border-bottom: 1px solid #eaeaea; margin-top:10px; padding-bottom: 10px; }
/* - clear */
.box.clear,
.box.clear > div,
.box.clear > div > .content { padding: 0 !important; background: none !important; border: none !important; margin: 0!important; }
/* - border */
#mainPage .box.border > div { padding: 15px 30px 30px 30px; border: 1px solid #eaeaea; }

/* - smaller */
#mainPage .box.smaller > div > h3,
#mainPage .box_menu.smaller > div > h3,
#mainPage .box_text.smaller > div > h3 { height: 56px; line-height: 36px; font-size: 20px; }
/* - clean */
#mainPage .box.clean > div > h3,
#mainPage .box_menu.clean > div > h3,
#mainPage .box_text.clean > div > h3 { background-image: none; padding:0; }
/* - color */
#mainPage .box.color { background: #36b0e4; color: #87d8f3; }
#mainPage .box.color > div { padding: 10px 20px; }
#mainPage .box.color > div > h3 { height: 64px; line-height: 64px; font-size: 36px; font-weight: normal; color: #fff; padding: 0; background: transparent ; }
#mainPage .box.color > div > h3 > span { color: #3b3b3b; }

#mainPage .box.color ul li { border-top: 1px solid #65b6f1; }
#mainPage .box.color ul li:first-child { border-top: none; }
#mainPage .box.color a { color: #fff; }
#mainPage .box.color a:hover { color: #a9faf5; }
/* - gradient */
#mainPage .box.gradient > div,
#mainPage .box_menu > div,
#mainPage .box_text.gradient > div { background: #fff url('../images/module_gradient.png') repeat-x 0 bottom; }
#mainPage .box.gradient .content,
#mainPage .box_menu .content,
#mainPage .box_text.gradient .content { padding: 0 20px 20px 20px; }

/* Article breadcrumb and tools */
#gkBreadcrumb { background: transparent; height: 32px; line-height: 32px; border-bottom: 1px solid #eaeaea; }
.breadcrumbs { float: left; width: 80%; font-size: 12px; }
.breadcrumbs a { color: #3b3b3b }
.breadcrumbs a:hover { color: #e45b36; }
.breadcrumbs .separator { margin: 0 6px; }
#gkTools { float: right; width: auto; margin-top:8px; }
#gkTools a { background:url("../images/tools.png") no-repeat scroll 0 0 transparent; cursor:pointer; display:block; float:left; height:16px; text-indent:-999em; width:16px; opacity:0.5; }
#gkTools a:hover { opacity: 1.0; }
#gkToolsReset { background-position: -16px 0!important; }
#gkToolsDec { background-position: -32px 0!important; }
/* popup */
#gkPopupOverlay,
#gkPopupLogin,
#gkPopupRegister { display: none; overflow: hidden; width: 500px; margin-left: -250px; position: fixed; z-index: 1000002; left: 50%; top: 50%; background: #fff; }
#gkPopupLogin { width: 300px; margin-left: -150px; }
.gkPopupWrap { padding: 25px; margin: 4px; }
#gkPopupOverlay { width: 100%; height: 100%; position: fixed; z-index:1000001; top:0; left:0; background:#fff; opacity:0.77; filter:alpha(opacity=77); margin-left:0;}
.gkPopupWrap h3 { font-size: 32px; color: #36b0e4; }
.gkPopupWrap ul li {}
#gkPopupRegister dl dt:first-child { font-size: 10px; display:block; width:100%; }
#gkPopupRegister dt { float: left; width: 35%; clear: both; }
#gkPopupRegister dt,
#gkPopupRegister dd { line-height: 41px; height: 41px; }
#gkPopupRegister legend { display: none; }
#member-registration > div { line-height: 31px; }
#gkPopupLogin input[type="text"],
#gkPopupLogin input[type="password"] { clear: both; display:block; width: 190px; }
#gkPopupRegister input[type="text"],
#gkPopupRegister input[type="password"] { width: 250px; }
/* CSS3 */
#lbCenter,
#sbox-window,
#gkPopupLogin,
#gkPopupRegister { box-shadow:0 0 10px #aaa; -moz-box-shadow: 0 0 10px #aaa; -webkit-box-shadow: 0 0 10px #aaa; }
#gkSubmenu ul ul,
div.gk-menu ul.level0>li div.childcontent { border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; }
#gkSubmenu ul ul ul,
div.gk-menu ul.level0>li div.childcontent div.childcontent { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#gkFrameworkLogo { opacity: 0.3; filter:alpha(opacity=30); }
#gkFrameworkLogo:hover { opacity: 1.0; filter:alpha(opacity=100); }
#mainPage .box.gradient > div,
#mainPage .box_menu > div,
#mainPage .box_text.gradient > div { border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; }
#system-message dd.message ul,
#system-message dd.error ul,
#system-message dd.notice ul,
#mainPage .box.border > div,
#mainPage .box.color { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
span.latestItemImage img,
span.genericItemImage img,
span.userItemImage img,
span.itemImage img,
.itemAuthorBlock img.itemAuthorAvatar,
.latestItemsUser img,
.userBlock img,
img.caption {box-shadow:0 1px 2px #aaa; -moz-box-shadow:0 1px 2px #aaa; -webkit-box-shadow:0 1px 2px #aaa;}
.itemDateCreated,
.k2LatestCommentsBlock ul li > div,
.k2TagCloudBlock a,
.k2ItemsBlock ul li a.moduleItemComments,
.k2LatestCommentsBlock ul li .lcComment,
.itemComments ul.itemCommentsList li > div,
.itemComments ul.itemCommentsList li p,
.catItemView,
.latestItemView,
.latestItemTagsBlock ul.latestItemTags li a,
.userItemTagsBlock ul.userItemTags li a,
.catItemTagsBlock ul.catItemTags li a,
.itemTagsBlock ul.itemTags li a { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

In template options you can find option to change logo image by choosing another graphic file, please look at our wiki (wiki.gavick.com) for more informations about this feature.

Hi

Please show me You site. Code is not telling me much. I only need to take a look for a second and use firebug on it.

The website is maog.allmetrosports.com

Hi

Sorry, but the link is not working. Please tell me the right one.

Hi,

I am having the same problem.

I have set 'Logo Type' to equal 'From CSS' and replace the logo.png file within the template's images folder with the required file. I have looked at the template.css file and cannot see anything wrong.

Any ideas?

Hi

Sorry, the website is maogtest.allmetrosports.com.

Hi

I can still see the template logo. Please check this exact path and replace this file:

http://maogtest.allmetrosports.com/temp ... s/logo.png