How to add a table format into Guide css?

Answered

2 Comments

  • Simon Blouner
    Comment actions Permalink

    Hey Mary,

    I just made your example quickly. See CSS example below. By putting this styling in your style.css file in your template, it should affect all tables in your articles.

    It is possible to somewhat customize your tables in the article WYSIWYG editor, but not to the extend of your example.

    If you're not comfortable playing around with CSS, there's plenty of good styling generators out there - just try and google "CSS table generator".

    With #helpsome regards,
    Simon Blouner
    Zendesk Consultant @ helphouse.io

    .article-body table {
    border: 1px solid #1C6EA4;
    text-align: left;
    border-collapse: collapse;
    }
    .article-body table tr:first-of-type td{
    background:#85c2d5;
    font-weight:bold;
    text-align:center;
    }
    .article-body table tr td:first-of-type{
    font-weight:bold;
    text-align:center;
    }
    .article-body table td {
    border: 1px solid #FFB64A;
    padding: 10px 10px;
    }
    .article-body table tbody td {
    font-size: 13px;
    }
    .article-body table tr:nth-child(odd) {
    background: #d1d5d6;
    }
    0
  • Brett - Community Manager
    Comment actions Permalink

    Thanks for sharing this awesome solution Simon!

    0

Please sign in to leave a comment.

Powered by Zendesk