Is there a forum or examples of custom css people have used to customize the checkvist interface?

Is there a forum or examples of custom css people have used to customize the checkvist interface?  I'm trying out the pro account and would be interested to see what others have done.

Comments

  1. Hello Neil! Unfortunately there's no forum, and it seems a good idea to create a css snippet library of sorts. Will try to collect something like this over the weekend. 
    As an example, Kirill is describing a nice trick with custom CSS here https://plus.google.com/+JohnWinstanley/posts/7JUPaYdGUMM (the first comment to the post).

    ReplyDelete
  2. Thanks for the reply.  Very interesting about the tags

    ReplyDelete
  3. Additionally, you can use custom CSS to:
    1. Set custom tag colors. Example:
    .tagClass_19, a.tagClass_19 {
        background-color: #D8DFE0;
        color: #150069;
        font-weight: bold;
    }


    2. Use FontAwesome icons. would display a clock if you add the following CSS:
    .fa-clock{
    padding:4px .5em 4px 0;
    margin-left:1em;
    background-color:#eee;
    border-radius:4px;
    color:#0980f4;
    }
    .fa-clock:before{
    content:"\00a0\f017";
    color:#0980f4;
    }

    .fa, .fa-clock {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }

    3. Create a custom quote style where all quotes have a line to the left and no extra space (which I find distracting and confusing with all the indenting already used in an outline):
    .userContent blockquote, .userContent q {
       margin: 0 1em 0 0; 
       padding: 0 0 0 1em;
       border-left: 3px solid #eee;
       font-style: normal;
       display:block;
    }
    .userContent q:before, .userContent q:after{
       content:"";
    }

    I also use it to increase the size of the expansion arrows, but the alignment on my arrows is a little off, so I won't share that code.

    ReplyDelete
  4. Hello, we've created a public list with some CSS snippets, here https://checkvist.com/checklists/486715

    ReplyDelete

Post a Comment

Popular posts from this blog

Hello friends

Hello friends!

I'm really enjoy using checkvist, you are adding great features very quickly.