Unable to get column widths to work

  • Resolved gm9090xyz

    (@dshstateca)


    3 years, 5 months ago

    Hi – I’ve been trying to set my column widths to not have so much space between them, or to not take up the entire width of the browser screen….have finally found this code to be somewhat useful:

    .tablepress-id-1 .column-1 {
	width: 10%;
}

.tablepress-id-1 .column-2 {
	width: 50%;
}

    …..however there is a excessively large amount of extra space to the right side of the ‘Reporting Period’ column, would love to get rid of all of that. Help!

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    Essentially, this is not working as desired as the table is still configured to stretch to 100% of the available space.
    So, instead of setting the individual column widths, I recommend to change that setting, with this code:

    .tablepress-id-1 {
	width: auto;
}

    Regards,
    Tobias

    Thread Starter gm9090xyz

    (@dshstateca)

    Awesome! That worked, thanks so much Tobias! I was able to adjust the width of the columns etc via padding as well:

    .tablepress-id-1 {
	padding: 100px;
	width: auto;
}

.tablepress-id-1 td {
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
}

.tablepress-id-1 thead th {
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
}

    Thanks again!

    Thread Starter gm9090xyz

    (@dshstateca)

    Love the plug-in BTW!

    Plugin Author Tobias B?thge

    (@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 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Unable to get column widths to work’ is closed to new replies.