構造的に表示 平面上に表示 ツリー上に表示
スレッド [ 前へ | 次へ ]
David Stenberg
Can't override lfr-asset-category-list CSS settings because of javascript
2012/04/29 13:28
答え

David Stenberg

ランク: New Member

投稿: 1

参加年月日: 2012/04/29

最近の投稿

Hello, I am trying to override the CSS settings for the lfr-asset-category-list class (for the Categories Navigation Portlet), but the problem is that the changes are only visible when javascript is disabled in the browser, which is shown in the following screenshots:

With JS


Without JS


The following changes have been made to the _diffs/css/custom.css file

 1
 2.lfr-asset-category-list {
 3    display: block;
 4    list-style-type: square;
 5}
 6
 7.lfr-asset-category-list ul {
 8    list-style-type: square;
 9    margin-top: 4px;
10    padding: 0;
11}
12
13.lfr-asset-category-list li {
14    list-style-type: square;
15    margin: 0;
16    padding: 0 0 3px 16px;
17}


I have tried to skim through all the categories navigation-related code, but I haven't found any way to fix this problem.

So my question is: Have anyone else experienced this? If so, how did you solve it?
David H Nebinger
RE: Can't override lfr-asset-category-list CSS settings because of javascri
2012/04/29 16:45
答え

David H Nebinger

Community Moderator

ランク: Liferay Legend

投稿: 11787

参加年月日: 2006/09/01

最近の投稿

Yep, use a browser like chrome and see what the styles are after the js executes; that way you'll know what classes you need to tweak.