Unable to align info in child row

  • Resolved eisakov1

    (@eisakov1)


    3 years, 3 months ago

    Hello,

    I set up the datatables row details extension and it is working except for the massive space between the words on the left and the info on the right. “point of contact” and “contact email” are column headers, and the name and email are cells. I’d prefer for these to be neatly aligned to the left, so it would more naturally read:
    “Point of contact: XXX”

    I’ve tried tips in this thread and a few others that seemed related, nothing seems to work.

    Current CSS in the plugin options is:

    .tablepress thead th,
.tablepress tfoot th {
	background-color: #0d183f;
	color: #ffffff;
}

.tablepress thead th,
.tablepress tbody td {
	text-align: center;
}

.tablepress .column-1 {
	text-align: left;
}

.tablepress .row-details {
	text-align: left;
	border-top: 1px solid #cccccc !important;
}

    I’m new to CSS so please treat me like I know nothing. Thank you

    • This topic was modified 3 years, 3 months ago by eisakov1.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    Please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress-row-details tbody tr .row-details-right {
    float: none;
}

    Regards,
    Tobias

    Thread Starter eisakov1

    (@eisakov1)

    Hi Tobias, thank you for taking the time to reply. I tried that css and it appears to have no change. I tried removing the other CSS as well and it seems to be the same.

    Do you have any other ideas of what I could try?

    Thank you

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    ah, we need one small change to overcome the load order. Please try again with

    table.tablepress-row-details tbody tr .row-details-right {
    float: none;
}

    Regards,
    Tobias

    Thread Starter eisakov1

    (@eisakov1)

    Tobias,

    You’re incredible. Thank you so much, this worked.

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    no problem, you are very welcome! ?? Good to hear that this helped!

    Best wishes,
    Tobias
    ?
    P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Unable to align info in child row’ is closed to new replies.