Column widths in tables

  • Resolved swoolrich

    (@swoolrich)


    7 years, 1 month ago

    I have found that by default the columns in any table I create are the same width – 2 columns are 50% of the width, 4 are 25% and so on rather than what I am used to which is that unless forced, the width depends on the content.

    I’m using the Child theme as I’ve added a slider into the header, is there some custom CSS I can add to get the tables to size columns according to content? I’ve inspected elements until my eyes are crossed and cannot see what the cause is.

    BTW the behaviour is the same in Tiny Framework as in the Child theme.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Tomas Mackevicius

    (@tomasm)

    7 years, 1 month ago

    Can you provide the link to the page with table?

    Thank you!

    Thread Starter swoolrich

    (@swoolrich)

    7 years, 1 month ago

    Penny has dropped, it’s because the default style includes ‘width=100%’ – I’ve tried a basic html page with & without this.

    So I need to work out how to override this in the child style sheet.

    Thread Starter swoolrich

    (@swoolrich)

    7 years, 1 month ago

    I’ve added this to the Custom CSS and it’s sorted the problem:

    table {
    width:auto; /* removes width:100% from parent */
    }

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Column widths in tables’ is closed to new replies.