Combination View Flat View Tree View
Threads [ Previous | Next ]
David Stenberg
Can't override lfr-asset-category-list CSS settings because of javascript
April 29, 2012 1:28 PM
Answer

David Stenberg

Rank: New Member

Posts: 1

Join Date: April 29, 2012

Recent Posts

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
April 29, 2012 4:45 PM
Answer

David H Nebinger

Rank: Liferay Legend

Posts: 4496

Join Date: September 1, 2006

Recent Posts

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.