• Resolved bobzee

    (@bobzee)


    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)

    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)

    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)

    Hi,

    ok, one more try 🙂

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

    Regards,
    Tobias

    Thread Starter bobzee

    (@bobzee)

    Awesome!

    That worked…

    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 5 replies - 1 through 5 (of 5 total)

The topic ‘Is there a way to decrease column width’ is closed to new replies.