<img alt="Liferay" height="36" src="http://cdn.www.liferay.com/osb-community-theme/images/custom/heading.png" />

Rank: Regular Member

Posts: 147

Join Date: October 17, 2011

I created a custom theme.
everyrhing working perfect except the logo....

I attach the logo from "Display Settings" but the logo still not appear in my theme.
I dnt find any thing wrong in my code .... anyone know why this happen..

for logo part my code is following

<h1 class="company-title">
<a class="logo" href="$company_url" title="#language("go-to") $company_name">
<span>$company_name</span>
</a>
</h1>

RE: theme logo problem

March 1, 2012 1:45 AM

Answer

Rank: Liferay Legend

Posts: 1041

Join Date: June 23, 2009

Can you please check the logs for errors, if any? Also, are you able to see the updated logo in Display settings.?

Mark as an Answer

RE: theme logo problem

March 1, 2012 1:50 AM

Answer

Rank: Regular Member

Posts: 147

Join Date: October 17, 2011

there is no error in log......
and yes Im able to the updated logo in display settings

Mark as an Answer

RE: theme logo problem

March 1, 2012 1:59 AM

Answer

Rank: Liferay Legend

Posts: 1041

Join Date: June 23, 2009

hmm.. are you working on LR6.0.x? Can you check with firebug for any missing resource in "net". It should appear unless css has some fault.

Check for this in firebug, something like should be in css

1
2#heading .logo {
3 background: url("/image/company_logo?img_id=0&t=1330594533550") no-repeat scroll 0 0 transparent;
4 display: block;
5 font-size: 0;
6 height: 76px;
7 text-indent: -9999em;
8 width: 209px;
9}

One clarification though.. are you able to see old logo or no logo at all.. ??

Mark as an Answer

RE: theme logo problem

March 1, 2012 2:03 AM

Answer

Rank: Regular Member

Posts: 147

Join Date: October 17, 2011

Ravi Kumar Gupta:

hmm.. are you working on LR6.0.x? Can you check with firebug for any missing resource in "net". It should appear unless css has some fault.

Check for this in firebug, something like should be in css

One clarification though.. are you able to see old logo or no logo at all.. ??

in display settings I able to see the logo which i save but in home page only link is appear

Mark as an Answer

RE: theme logo problem

March 1, 2012 2:11 AM

Answer

Rank: Liferay Legend

Posts: 1041

Join Date: June 23, 2009

hmm.. which link.. and what about css, did you check that?

Mark as an Answer

RE: theme logo problem

March 1, 2012 2:31 AM

Answer

Rank: Regular Member

Posts: 147

Join Date: October 17, 2011

Ravi Kumar Gupta:

hmm.. which link.. and what about css, did you check that?

I check the css..... it not shows in firebug...and the logo still not appear

Mark as an Answer

RE: theme logo problem

March 1, 2012 2:50 AM

Answer

Rank: Regular Member

Posts: 147

Join Date: October 17, 2011

If I want to write that css "#heading .logo" in "custom.css"....how can write this class...anyone plz guide

Mark as an Answer

RE: theme logo problem

March 1, 2012 3:00 AM

Answer

Rank: Liferay Legend

Posts: 1041

Join Date: June 23, 2009

That is by default in css files in theme/css folder. If you want to put that, put in custom.css file. There should be a _diff folder in your custom theme. Put custom.css there in css folder.

For more search this site for themes development. If you still facing a problem after that.. let us know.

this should help you.. http://www.liferay.com/documentation/liferay-portal/6.1/development/-/ai/creating-liferay-them-7

Mark as an Answer

RE: theme logo problem

March 1, 2012 4:09 AM

Answer

Rank: Regular Member

Posts: 147

Join Date: October 17, 2011

Ravi Kumar Gupta:

thanks for your support...
I solve the problem...
here is my code...i add the code (red)
<h1 class="company-title">
<a class="logo" href="$company_url" title="#language("go-to") $company_name"><img alt="" src="$company_logo">

</img></a>

</h1>

Mark as an Answer

RE: theme logo problem

March 6, 2012 3:34 PM

Answer

Bradley Wood

LIFERAY STAFF

Rank: Regular Member

Posts: 129

Join Date: June 7, 2010

Ya the way theme logos are handled have changed. Instead of it being a background image, its an actual <img>.

Here are some Liferay 6.1 logo tips.

you can target the default logo, which is the default Liferay logo by :

1
2#heading .site-title .logo.default-logo {
3          background: url(../images/custom/logo.png) 0 50% no-repeat;
4          height: 40px;
5          width: 145px;
6}
7
8#heading .site-title .logo.default-logo img {
9          display: none;
10}

To target the custom logo use this css

#heading .site-title .logo.custom-logo {

}

When ever I try to update a theme to a new version of Liferay I do a file merge for portal_normal.vm so that I make sure I get the latest features/changes exposed in my theme.