Forums de discussion

How to change the background color of my liferay page ?

thumbnail
Gopi Nath, modifié il y a 9 années.

How to change the background color of my liferay page ?

New Member Publications: 12 Date d'inscription: 16/02/15 Publications récentes
I created one theme project with velocity and i deployed. Now i signed into liferay. Now the background color is in WHITE, i want to change that color to some other color. I want to do it by modifying CSS files. Can anybody tell me how to do ?
thumbnail
srikanth velugoti, modifié il y a 9 années.

RE: How to change the background color of my liferay page ?

Junior Member Publications: 79 Date d'inscription: 24/04/09 Publications récentes
hey gopi ,

check this link
theme anatomy

HTH,
srikanth
thumbnail
Ahmed bouchriha, modifié il y a 9 années.

RE: How to change the background color of my liferay page ?

Junior Member Publications: 55 Date d'inscription: 04/05/12 Publications récentes
Hi,

In your _diffs/css/custom.css file add :


@import "compass";

.aui{
      body{
	       background-color: $your_color;
       }
}


then redeploy the theme.

Thanks
thumbnail
Gopi Nath, modifié il y a 9 années.

RE: How to change the background color of my liferay page ?

New Member Publications: 12 Date d'inscription: 16/02/15 Publications récentes
Hi Ahmed, thank you for your reply.

I am facing one problem regarding deploying.

when i deploy the project, the changes are not visible on the liferay portal, what to do ?
thumbnail
Ahmed bouchriha, modifié il y a 9 années.

RE: How to change the background color of my liferay page ?

Junior Member Publications: 55 Date d'inscription: 04/05/12 Publications récentes
Hi,

Create the file your_portal_folder/portal-ext.properties (e.g : liferay-portal-6.2-ce-ga2/portal-ext.properties )
and add this line

include-and-override=portal-developer.properties


Restart your server.

and your changes will be applied after any deploy.

If you want to see changes without the need to deploy every time you can drag and drop you theme under the server from the liferay ide (see attachment )
and like that the changes will be applied without deploy you will need just to refresh the page.



Thanks
thumbnail
Gopi Nath, modifié il y a 9 années.

RE: How to change the background color of header in classic theme ?

New Member Publications: 12 Date d'inscription: 16/02/15 Publications récentes
Hi,

I want to change the background color of header in classic theme, is it possible ?

If so where i have to do modifications ?
thumbnail
Arunjyoti Banik, modifié il y a 9 années.

RE: How to change the background color of header in classic theme ?

Junior Member Publications: 74 Date d'inscription: 26/08/14 Publications récentes
Use debugger of the browser and simply find out how the color is getting rendered. Also you will find the name of the concerned css file that gets called. If you still cant figure out, copy the id that gets called and define your color in it placing the code in custom.css in _diffs folder.
thumbnail
Gopi Nath, modifié il y a 9 années.

RE: How to change the background color of header in classic theme ?

New Member Publications: 12 Date d'inscription: 16/02/15 Publications récentes
how can i add my own div tag in liferay portal ?
Mark Fitzgerald, modifié il y a 9 années.

RE: How to change the background color of header in classic theme ?

Regular Member Publications: 108 Date d'inscription: 15/10/10 Publications récentes
The link that srikanth gave is a good starting place regarding the modification of themes. The rest of that section goes into more detail about how to work with themes. If after reading the documentation you are still stuck on accomplishing your goal, please provide more details about what you are trying to accomplish, and where you are having trouble.