Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    From what I can see, your “Custom CSS” is working, you are just overwriting the first block with the third block again (which should have .column-3 instead of `.column-1).
    Also, as this CSS would affect all TablePress tables, it’s better to extend it to only apply to table ID 1. Thus, please try again with

    .tablepress-id-1 .column-1 {
    	width: 20%;
    }
    .tablepress-id-1 .column-2 {
    	width: 25%;
    }
    .tablepress-id-1 .column-3 {
    	width: 55%;
    }

    Regards,
    Tobias

    Thread Starter Tux Kapono

    (@tux-kapono)

    Oops, that third set was just a typo. All our tables are the same, so that’s fine.

    However, I just copied and pasted exactly what you posted for simplicity’s sake, but there’s no change.

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    just found something else: Your theme is also using .column-... classes for its layout, so that there’s a small interference. We’ll have to be a little bit more specific in the “Custom CSS”. Please try again with

    body .tablepress .column-1 {
    	width: 20%;
    }
    body .tablepress .column-2 {
    	width: 25%;
    }
    body .tablepress .column-3 {
    	width: 55%;
    }

    Regards,
    Tobias

    Thread Starter Tux Kapono

    (@tux-kapono)

    Yes, that’s it! Thanks Tobias!

    Plugin Author Tobias B?thge

    (@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 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Column spacing not changing after Custom CSS editing’ is closed to new replies.