Support » Plugin: TablePress » Setting different classes of table column width?

  • Resolved milkmin

    (@milkmin)


    Sorry of the title of the post is bad.

    I have 6 tables.

    Table 1 is small, and the columns are 33/33/33 each

    Tables 2-6 are much larger and the column widths are 45/25/20/10

    How I can set it to where the width of 45/25/20/10 is the default for all tables and make the width of table 1 the exception?

    .tablepress-id-1 .column-1 {
    	width: 33%;
    }
    
    .tablepress-id-1 .column-2 {
    	width: 33%;
    }
    
    .tablepress-id-1 .column-3 {
    	width: 33%;
    }
    
    .tablepress-id-1 tbody td {
    	text-align: center;
    }
    
    .tablepress-id-1 {
    	width: auto;
    }
    
    .tablepress .column-1 {
    	width: 45%;
    }
    
    .tablepress .column-2 {
    	width: 25%;
    }
    
    .tablepress .column-3 {
    	width: 20%;
    }
    
    .tablepress .column-4 {
    	width: 10%;
    }

    Even table 1 defaults to the 45/25/20/10 widths instead of the 33/33/33 I need it to be.

    Is the only option to put table 2-6 tablepress-id classifier and column width specified?

    Thank you

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    Your idea is totally correct! 🙂 You will just need to change the order. So, the CSS for the general .tablepress selector (tables 2-6) has to come first. After that, put the CSS for .tablepress-id-1.

    Regards,
    Tobias

    Ohhh!!!

    Thank you Tobias! I’m not familiar with html/css very well, and it shows that I didn’t even know order makes a difference 😬

    Plugin Author TobiasBg

    (@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 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.