As previously announced via banners and our newsletters, support is no longer available through this platform.

For easier navigation, you can still click on "Submit a Ticket" here, choose the appropriate category, and you'll be redirected to the correct support channel for your plugin.

You can still access your previous tickets and browse public tickets, but please note that responding to tickets is no longer possible.

Paid customers: Please log in to your store account for support.

Pre-purchase questions: Use the support widget in the bottom-right corner of our websites:
https://wpamelia.com
https://wpdatatables.com
https://wpreportbuilder.com

Okay
  Public Ticket #2889894
Unable to align button in table
Closed

Comments

  • Scott Simpson started the conversation
    October 7, 2021 at 11:50pm

    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
    October 10, 2021 at 1:13pm

    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.