留言板

RE: Can't override lfr-asset-category-list CSS settings because of javascri

David Stenberg,修改在11 年前。

Can't override lfr-asset-category-list CSS settings because of javascript

New Member 发布: 1 加入日期: 12-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


.lfr-asset-category-list {
	display: block;
	list-style-type: square;
}

.lfr-asset-category-list ul {
	list-style-type: square;
	margin-top: 4px;
	padding: 0;
}

.lfr-asset-category-list li {
	list-style-type: square;
	margin: 0;
	padding: 0 0 3px 16px;
}


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?
thumbnail
David H Nebinger,修改在11 年前。

RE: Can't override lfr-asset-category-list CSS settings because of javascri

Liferay Legend 帖子: 14914 加入日期: 06-9-2 最近的帖子
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.