Is there a way to decrease column width

  • Resolved bobzee

    (@bobzee)


    4 years, 4 months ago

    Good Afternoon

    On the page you’ll see color swatches the first row was hard coded
    The 2nd row is using tablepress
    The icons are 25px in size
    Is there a way to remove the white space and narrow the column width

    I’ve tried this and it’s not working
    .tablepress-id-color_chart .column-1,
    .tablepress-id-color_chart .column-2,
    .tablepress-id-color_chart .column-3, {

    width: 25px !important;
    padding: 1px !important;
    }

    Suggestions?

    Thanks

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    4 years, 4 months ago

    Hi,

    thanks for your post, and sorry for the trouble.

    From what I can see, these small icons are in a row that is marked as the “Header Row” of the table. This doesn’t really make sense here, semantically, and introduces some extra styling.
    Please uncheck the “Head row” checkbox on the table’s “Edit” screen. After that, the icons should be closer together.
    To then further tweak the spacing between them, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress-id-33 td {
  padding: 2px;
}

    You should not have to set individual column widths then.

    Regards,
    Tobias

    Thread Starter bobzee

    (@bobzee)

    4 years, 4 months ago

    Good Afternoon

    Thank you for the suggestions

    Added the padding tag and unchecked the header
    I made the changes, flushed the cache and the spacing is the same

    Thoughts?

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    4 years, 4 months ago

    Hi,

    ok, one more try 🙂

    .tablepress-id-33 {
  width: auto !important;
}
.tablepress-id-33 td {
  padding: 2px !important;
}

    Regards,
    Tobias

    Thread Starter bobzee

    (@bobzee)

    4 years, 4 months ago

    Awesome!

    That worked…

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    4 years, 4 months ago

    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 ‘Is there a way to decrease column width’ is closed to new replies.