Adjusting column widths with CSS

  • Resolved ampeli

    (@ampeli)


    6 years, 11 months ago

    Hi Tobias

    Love your plugin, especially now you have added the responsive horizontal scrolling – thanks. Have made a donation.

    I’d appreciate some help with CSS on the following:

    (1) In my table I would like to delete the 2 right-hand columns (‘Season’/’Min Nights’) but keeping even column widths. Should I be using px column width CSS or %?

    (2) I would also like to delete the left-hand empty column which is only there to shift the ‘Date From’ column over a little. Can the padding be adjusted just on the left-hand side of a column instead?

    One of my problems in trying different options is knowing how to properly refresh the page to reflect the changes I want to test. An incognito window and Ctrl-F5 seems to work…

    Thanks

    Nikki

    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)

    6 years, 11 months ago

    Hi,

    thanks for your question, and sorry for the trouble.

    (1) To delete those columns, just click the checkboxes below them and use the “Selected Columns: Delete” button. If you don’t like the widths after that, you can indeed set them with CSS code. I’d recommend to use eg. 20% here (because it’s a five-column table then).

    (2) You might not really need that column then, I think. But yes, we could increase the left padding, e.g. with CSS like

    .tablepress-id-22 .column-1 {
  padding-left: 30px;
}

    Regards,
    Tobias

    Thread Starter ampeli

    (@ampeli)

    6 years, 11 months ago

    Thanks Tobias. Have deleted the unnecessary columns and replaced with padding code and % column widths to achieve the look I wanted.

    I think the reason I was having difficulties tweaking column widths is because I couldn’t get the page to refresh correctly… it would be good to know whether Ctrl-F5 is the right way to do it.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    6 years, 11 months ago

    Hi,

    yes, force-reloading or using an incognito window (closed/opened for every test) should be the best way here.

    Note that you only need this because your site has turned off WordPress’ native cache busting mechnism (using query string parameters like ?v=123 after file names.

    Regards,
    Tobias

    Thread Starter ampeli

    (@ampeli)

    6 years, 11 months ago

    Thanks again Tobias. Grateful for your useful help.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    6 years, 11 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 ‘Adjusting column widths with CSS’ is closed to new replies.