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:
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.
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.
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.