We're Moving to a New Support Platform – Starting June 1st!

We’re excited to let you know that starting June 1st, we’ll be transitioning to a new support system that will be available directly on our product websites – Amelia, wpDataTables, and Report Builder. In fact, the new support platform is already live for Amelia and wpDataTables, and we encourage you to reach out to us there.

You'll always be able to reach us through a widget in the bottom right corner of each website, where you can ask questions, report issues, or simply get assistance.

While we still do not offer live support, a new advanced, AI-powered assistant, trained on our documentation, use cases, and real conversations with our team, is there to help with basic to intermediate questions in no time.

We're doing our best to make this transition smooth and hassle-free. After June 1st, this current support website will redirect you to the new "Contact Us" pages on our product sites.

Thanks for your continued support and trust – we’re excited to bring you an even better support experience!

Okay
  Public Ticket #2418139
Font Sizing
Closed

Comments

  •  4
    DFSKarma started the conversation
    May 26, 2020 at 11:17pm

    We currently have a master CSS set up (displayed below), as 95% of our DataTables need the same format. However, we have a handful of tables that we'd like to manually edit the font sizing for (to make it larger). How do we go about this exactly?

    .wpDataTablesWrapper table.wpDataTable td, 
    .wpDataTablesWrapper table.wpDataTable th,
    .wpDataTablesWrapper table.wpDataTable td.numdata, 
    .wpDataTablesWrapper table.wpDataTable th.numdata
    { text-align: center !important; }

    .wpDataTablesWrapper table.wpDataTable th {
    line-height: 20px; font-size: 8px !important;
    }

    .wpDataTablesWrapper table.wpDataTable td {
    line-height: 10px; font-size: 9px !important;
    }
      

    div.container {
      overflow: scroll;
    }

    thead th {
      position: -webkit-sticky; /* for Safari */
      position: sticky;
      top: 0;
    }

    tbody td:first-child {
      position: -webkit-sticky; /* for Safari */
      position: sticky;
      left: 0;
    }

    thead th:first-child {
      left: 0;
      z-index: 1;
    }

    tbody td:first-child {
      left: 0;
      z-index: 1;
    }


  •  2,576
    Aleksandar replied
    May 28, 2020 at 8:07am

    Hello DFSKarma

    You can add custom CSS to the columns you want to apply these changes.

    For example, add the class "customFont" to a column. Then, you can add new custom CSS, like:

    table.wpDataTable .customFont {
font-size: 20px !important;
color: green !important;
}

    Kind Regards, 

    Aleksandar Vuković
    [email protected]

    Rate my support

    wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables