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 #2889894
Unable to align button in table
Closed

Comments

  • Scott Simpson started the conversation

    Hi, for some reason I am unable to align my button to the middle of the table cell. I have tried many things but nothing seems to work. I am using this code at the moment:

    .md-button{vertical-align: middle; background-color: #0083c2 !important;line-height: 1.75;
        border:1px solid transparent;color:#fff !important;
        padding: .75rem 2rem;font-size:18px;
        border-radius: 28px;box-shadow: 0 2px 6px 0 rgba(26, 25, 25, 0.5);
        text-transform: none;position: relative;transition: all .3s ease;}
        .md-button:hover{cursor:pointer;color:#fff !important;background: #008cff !important;}

    Thanks.

  • [deleted] replied

    Hi Scott

    Thank you for reaching out to us.

    There's no way to set this up with table or column settings, so you would need to add a custom CSS class to the column you wish to change the alignment for (in column settings, add a custom class, like "totheright"), and then in the "Customize" tab above the table, you can define that class with:

    .wpDataTablesWrapper table.wpDataTable td.totheright {
    text-align: right !important;
    }

    I hope this helps, do let us know if you need any further assistance.