Support » Plugin: TablePress » CSS not taking affect

  • Resolved philipt18

    (@philipt18)


    I modified a table by adding a few long comments to the third column, and it expanded the third column out and squished the other two. I tried to fix this with the following css in the Plug-in Options page:

    .tablepress-id-8 .column-3 .column-2 .column-1 {
    	width: 33%;
    }

    but nothing changed. I tried putting the same CSS where I put my other custom css, but no change. I tried setting it to 200px instead of 33% but it’s the same. Any idea what I’m doing wrong? Thanks

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • philipt18

    (@philipt18)

    Strange, but I set it to just column 3 and it worked, although I now want to adjust the other two columns, but can’t. Is it possible it has something to do with settings for the first two columns in another table? This is my complete css:

    .tablepress-id-7 .column-2 .column-1 {
    	width: 110px;
    }
    
    .tablepress-id-8 .column-3 {
    	width: 33%;
    }

    If I add in column-1, for example, it goes back to not recognizing any CSS (and the third column expands).

    • This reply was modified 1 month ago by  philipt18.
    philipt18

    (@philipt18)

    I was able to get what I want by using:

    .tablepress-id-8 td {
    	width: 33%;
    }

    but that’s only because I want all columns the same. I still don’t understand why I cannot set individual columns, and if it has to do with settings from the last table.

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    The reason for this simply is that you can’t more CSS commands like that. The proper syntax would be

    .tablepress-id-8 .column-1,
    .tablepress-id-8 .column-2,
    .tablepress-id-8 .column-3 {
    	width: 33%;
    }

    (A comma-separated list of the full selectors.)

    Regards,
    Tobias

    philipt18

    (@philipt18)

    Thank you. You might add that to the documentation as an example.

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    good point, I should indeed extend that example in the FAQ!

    Best wishes,
    Tobias

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.