How to change the banner area height?

[value miner, modificado 15 Anos atrás.]

Hi.

In recent, I downloaded the liferay 5.1.1 and try to change the height of banner area of classic theme (default setted height 100px) by changing banner_bg.png image size and base.css (banner height).

But I can't change it.

How do I change it?

Thank you.

[Scott Dale Westbrook, modificado 15 Anos atrás.]

I changed the banner height by creating a new theme based on Classic using the Liferay SDK and installing it. Under your _diffs/css folder create custom.css and added the following:

/* ---------- Banner ---------- */

#banner {
	background: transparent url(../images/common/banner_bg.jpg) no-repeat 20% 0;
	height: 65px;
	top: -1px;
}

You can change the height field to whatever you need; however 65 seems to be the minimum unless you want to shrink down some of the other theme elements.

[value miner, modificado 15 Anos atrás.]

Thank you. It works well.

And I found that there is the file name of everything_packed.css in webapps/ROOT/html/themes/classic/css directory.

In that file, I changed like this:

#banner{
background:transparent url(../images/common/banner_bg.jpg) no-repeat 20% 0;
height:65px;
top:-1px;
}

It works also.

Thank you.

[srinivas korra, modificado 13 Anos atrás.]

I'm using portal 5.2.3 version and there is a black color bar is used at the background where portal pages are shown. If I want have some other color background where should i change it?

Also please tell me the procedure on how to import a theme which is applied in 4.2 version to 5.2.3 version?

[Archi Madhu, modificado 13 Anos atrás.]

Hi there,

I can answer for you first question

Try following in you custom theme > custom.css

#banner{
background: #FFFFFF none no-repeat scroll 0 0;
height: 100px;
top: -1px;
}

HTH!
Archi