Some help on a custom CSS please.

[gitcatpeter]

Any pointers for those that don't know anything about it please?
Any samples?
For instance how to change number of columns on the screen or widen the whole usable area.

Much appreciated!

[pawelmalak]

Custom CSS

[gitcatpeter]

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.

[pawelmalak]

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:

css.mp4

[gitcatpeter]

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.

[pawelmalak]

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

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

[gitcatpeter]

Right, that works; thank you.