Width is not changing even with custom css

  • Resolved digirizon

    (@digirizon)


    7 years, 8 months ago

    Hi,

    I’m trying to reduce the width of the first and 4th column to 100px
    here is my code for the 4th column

    .tablepress-id-mcb .column-4 {
    width: 90px !important;
    word-break: break-all;
    white-space: nowrap;
    }
    the Inspection tool in chrome shows that “th” has the inline css code :
    style=”width: 377px;”
    but i don’t know where this css came from , and when i chnage it manually in the inscpetor to 100px everything is fine ! , how to fix this please

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

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

    (@tobiasbg)

    7 years, 8 months ago

    Hi,

    thanks for your question, and sorry for the trouble.

    I don’t see this code in your “Custom CSS”. Can you please add it for me to see?

    Regards,
    Tobias

    Thread Starter digirizon

    (@digirizon)

    7 years, 8 months ago

    the code is already saved to the custom css !

    screenshot

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    7 years, 8 months ago

    Hi,

    ah, yes, now I see it as well. For me, the fourth column is now about 150 pixels wide. It won’t go smaller than that currently, due to the long text “Technical Datasheet” in the header cell of the column.

    Regards,
    Tobias

    Thread Starter digirizon

    (@digirizon)

    7 years, 8 months ago

    but why it happened now !? I didn’t change anything!
    also, how to control the rest of the columns?, like first column 100px and third column (description) to be the widest ?

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    7 years, 8 months ago

    Hi,

    I’m not sure. This might have been a caching issue.

    To also change the other columns, just duplicate the code and adjust it.

    Regards,
    Tobias

    Thread Starter digirizon

    (@digirizon)

    7 years, 8 months ago

    one last question 🙂

    how to align Vertically everything in all tables to make them in the middle?

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    7 years, 8 months ago

    Hi,

    for that, you can use

    .tablepress tbody td {
    vertical-align: middle;
}

    Regards,
    Tobias

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

The topic ‘Width is not changing even with custom css’ is closed to new replies.