Custom theme doesn't apply background to whole page

[Gregory Oxley，修改在9 年前。]

Hi,

Let me just state now that I'm rather new to both Liferay and Webpage design.
The guy who was originally working on this moved on to greener projects.

I'm trying to build my own theme on Liferay, with _styled as the parent.
Everything is going quite nicely, except for one thing.

My problem is that when I set the background color with the html identifier, nothing happens. And when I set the background color using the body identifier, the color stops where the content stops, which leaves a horrible white bar at the bottom of small pages.
How can I remove the white bar? Am I using the wrong CSS property? Should I override the html identifier somehow?

Thanks in advance.

[Soukaina HAJI，修改在9 年前。]

Modify these two :

.aui body{
background: %Color%;
}
#wrapper{
background: %Color%;
}

Regards,
Souka.

[Manali Lalaji，修改在9 年前。]

Gregory Oxley:

Hi,

Let me just state now that I'm rather new to both Liferay and Webpage design.
The guy who was originally working on this moved on to greener projects.

I'm trying to build my own theme on Liferay, with _styled as the parent.
Everything is going quite nicely, except for one thing.

My problem is that when I set the background color with the html identifier, nothing happens. And when I set the background color using the body identifier, the color stops where the content stops, which leaves a horrible white bar at the bottom of small pages.
How can I remove the white bar? Am I using the wrong CSS property? Should I override the html identifier somehow?

Thanks in advance.

Hi,

I think you need to give below property to get it work:

body {
 background: none repeat scroll 0 0 #FFFFFF;
}

Refer this thread for more information: link

HTH!