CSS for width doesn’t work

  • Resolved redmarwordpress

    (@redmarwordpress)


    2 years ago

    Hi Tobias,

    I used the CSS below to increase the width of my 6th column but it doesn’t do anything.

    .tablepress-id-1 .column-6 {
    width: 500px;
    }

    Can you help me with this?

    Best, Redmar

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

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

    (@tobiasbg)

    2 years ago

    Hi!

    Thanks for your post and sorry for the trouble!

    As your table is already very wide, the browser likely doesn’t really want to increase the columns even further. You might therefore have to “force” it, e.g. by also setting a minimum width for the column, so please try again with

    .tablepress-id-1 .column-6 {
    width: 500px;
    min-width: 500px;
}

    In addition, to prevent unusual line breaks, I also recommend to add this to the “Custom CSS” text area on the “Plugin Options” screen of TablePress:

    .tablepress {
    word-break: normal;
}

    Regards,
    Tobias

    Thread Starter redmarwordpress

    (@redmarwordpress)

    2 years ago

    Thanks Tobias! I’m going to give it a try! Best, Redmar

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    2 years 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 in the plugin directory. Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘CSS for width doesn’t work’ is closed to new replies.