Easily Discernible List Card Layout

Plugins and Custom CSS CSS
#1

CleanShot 2021-10-29 at 18.25.49
CleanShot 2021-10-29 at 18.25.49800×319 2.56 MB

Before

CleanShot 2021-10-29 at 15 01 27

After

CleanShot 2021-10-29 at 14 55 20

All you need to do is just guess how long the front-side width size is, and then tag to each Answer Part of the Card (each rem Individually)

  • w30 → Front width 30px
  • w60 → Front width 60px
  • w90 → Front width 90px
  • w120 → Front width 120px
  • w150 → Front width 150px
  • w180 → Front width 180px
  • w210 → Front width 210px
  • w240 → Front width 240px
  • w270 → Front width 270px
  • w300 → Front width 300px
  • w330 → Front width 330px
  • w360 → Front width 360px
  • w390 → Front width 390px
  • w420 → Front width 420px
  • w450 → Front width 450px
  • w480 → Front width 480px
2 Likes
#2

HELLO , i have some problems when i use these css ;
what should i do if i want use these great css ;
copy and paste them in the custom css but it didn’t work

#3

Hi @Faraday,
Follow this step and you’ll make it.

  1. Make List Card using Question >/> or ( >>>, <<<)
  2. Tag to the each Answer part of rems

CleanShot 2021-11-29 at 22.17.52
CleanShot 2021-11-29 at 22.17.52726×244 1.36 MB

If you are seasoned user, using 3rd party text expander makes this process
pretty easy like this.

CleanShot 2021-11-29 at 22.22.30
CleanShot 2021-11-29 at 22.22.30780×374 609 KB

2 Likes
#4

image
image867×449 69.5 KB

image
image949×405 61.3 KB

I have paste the css but when i want to use it , i didn’t see the tag “w90” when i use " ctrl + / "

maybe the i paste the css wrong ?

#5

Of course, it doesn’t exist in the first place.
The gif image I uploaded represents my own Rem named W90 W120 … etc which was already made several months before so it popped up that way. Don’t worry

Just make your own rem named w60 w90 w120 … in the tag search popup, in the hierarchy editor whatever way it doesn’t matter. And It doesn’t always have to be named that way. you can customize yourself!

#6

thanks a lot , i solve it

1 Like
#7

Very nifty. What third party text expander do you use and how did you make it so that tag option comes up after highlighting? I am not familiar with this function.

1 Like
#8

Hi, @jbuck
I’m currently using Alfred (with Alfred Maestro) + Keyboard Maestro in macOS

220123-130300@2x
220123-130300@2x2694×3996 1.1 MB

You can also use other tools in other OS. Look this thread.

Cheers,

2 Likes