Some help on a custom CSS please. about flame HOT 6 CLOSED

Custom CSS

from flame.

I used this example - Change number of columns of Appilcation Grid and reduce page spacing
The app starts to use the whole screen as needed, but number of visible columns remains the same i.e. 4
It seems the columns width increases too and clicking on the far right of an item (which looks like an empty screen) invokes the that app. That suggest the app/bookmark "button" is extended all the way to the right.

Maybe something else needs to be included in that CSS example for it to work.

from flame.

The app starts to use the whole screen as needed, but number of visible columns remains the same i.e. 4

Weird. I used the same code and it works:

from flame.

OK, I know what the problem is. Does your CSS snippet works for Apps only and not to bookmarks (bookmarks requiring another CSS code?)?

I have turned Apps OFF and have everything under Bookmarks (because there are no Categories for Apps and I want my links grouped anyway).
Apparently the CSS does not apply to Bookmarks-only section or it's a bug.

from flame.

Yes, that code was for AppGrid only. For categories you would probably go with:

.BookmarkGrid_BookmarkGrid__26LlR {
  grid-template-columns: repeat(6, 1fr) !important;
}

from flame.

Right, that works; thank you.

from flame.