掲示板

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

11年前 に David Stenberg によって更新されました。

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

New Member 投稿: 1 参加年月日: 12/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


.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
11年前 に David H Nebinger によって更新されました。

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

Liferay Legend 投稿: 14916 参加年月日: 06/09/02 最新の投稿
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.