css not getting applied for velocity template in Liferay Theme

Question

I am using LIferay Theme to create a theme for a website. IN the portal_normal.vm file, I have included all the html code and css I have defined in custom.css

THe problem is that css from custom.css is not getting applied to portal_normal.vm page

SHould I include some file in velocity file which tells that custom.css should be included?

Also is it ok to include all css code in velocity?

Regards

EDIT:

custom.css and portal_normal.vm are inside _diffs folder

Did you try by removing .sasscache folder from your deployed theme and restart server? — Laxman Rana, Apr 15 '14 at 07:24
@LuckyBoy : Thaks for the reply. There is no .sasscache folder in the theme project. Can you point me to the location of that folder? I searched but there is no folder by that name. — user2822187, Apr 15 '14 at 07:40
tomcat/webapps/your-theme/css/.sass-cache. If you are using tomcat bundle — Laxman Rana, Apr 15 '14 at 08:53
@LuckyBoy: There is no folder or any file in it. I checked. Yes I am using tomcat bundle — user2822187, Apr 15 '14 at 08:55

score 1 · Accepted Answer · answered Apr 15 '14 at 14:57

1

put the custom.css under ~/theme/docroot/_diffs/css/custom.css

see the main.css in ~/theme/docroot/css/main.css it should include

...
@import url(custom.css);
...

answered Apr 15 '14 at 14:57

Mark

17,887
13
66
93

score 0 · Answer 2 · answered Apr 14 '14 at 07:03

0

It should work may be problem in browser cache.. try to run ant clean and then run ant deploy.

and also try to copy portal_normal.vm file to _diff/templates directory.

_diff/templates/portal_noraml.vm and change here.

answered Apr 14 '14 at 07:03

Meera Prince

177
3

Thanks for reply. My files are under _diffs folder. And I haave cleant n deployed it many times but css is not getting applied in any way – user2822187 Apr 14 '14 at 07:22

css not getting applied for velocity template in Liferay Theme

2 Answers2

Linked