[SOLVED] Changing out the logo in the Coffe Template

I am working this locally so sorry I don't have a link to share. What I am doing is making a larger logo and I have removed the lines that are found on both sides of the default logo. The problem I am having is I am unable to find the code that is controlling the span class and contains three hash marks ( --- ) in it and these hashes did not show up in the header until I removed the line graphics. So everything looks great but I have these hash marks that are floating in the header area and FireBug is not providing me enough info to figure out where they are coming from. Any idea where I could find this span class and remove the hash marks?

Find File : "templatesgk_coffelayoutsblockslogo.php"
Find Line Line 17 and Line 36
Which is :

Code: Select all

<span>---</span>


Simply delete them, you might need to align Logo as it will move to left...

Thanks Norman, I looked in every file but that one... go figure and thanks again...

I need another solution because when I change <span>---</span> to <span</span> or remove it all together the logo is no longer centered. No matter what I have tried to re-center the logo it will now work. Any thoughts on what I am missing?

Well it will be difficult making suggestions when we cant see your image , image size , how you used your logo as in templates feature logo section as they all have their css...

What you can try is leaving span class as it is and just hide it from human eye by using opacity=0 ( which is visibility )

Leave original code as it was and add below into override.css make sure CSS override is enabled.

Code: Select all

#gkPageTop > span {
    opacity: 0;
}


Or depending on your logo selection , e.g edited style1.css for logo which has different class , or if used templated logo select image option or if you are using text as logo all have different css , so if you tell me which one you use we can then center them on their own css..

Thanks again Norman,

I did try the opacity but I put it in the wrong file and the style1.css was loaded after it. I applied the style to the Style1.css and it worked perfectly. Thanks for all your help on this...

No problem at all...

I put the site on the live site because I am still having issues with this logo. It appears centered in all browsers except Google Chrome and since all my woes are usually in IE I am at a loss as to why it does not center in Chrome?

The site link is www.thehangarmall.com and any input would be a huge help at this point...

Check your style1.css line 21
Which is :

Code: Select all

#gkPageTop>span { background: url('../images/style1/top_lines.png') no-repeat right -100px; }


but you have

Code: Select all

#gkPageTop>span {}