组合视图 统一视图 树状图
讨论主题 [ 上一个 | 下一个 ]
toggle
David Stenberg
Can't override lfr-asset-category-list CSS settings because of javascript
2012年4月29日 下午1:28
答复

David Stenberg

等级: New Member

帖子: 1

加入日期: 2012年4月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年4月29日 下午4:45
答复

David H Nebinger

Community Moderator

等级: Liferay Legend

帖子: 11770

加入日期: 2006年9月1日

最近的帖子

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.