Reduce table size

  • Resolved Pam

    (@abcde1234567890)


    5 years ago

    Hi there,

    I am a new user of TablePress and found it straight forward to use. Except I got stuck with reducing the width of a table.

    I have tried to reduce the width of the table with this code:

    .postid-7964 .tablepress td {
    width: 20%;
    }

    Then I tried to reduce the width of each column separately with this code:

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

.tablepress-id-2 .column-2 {
	width: 20%;
}

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

    Neither worked.

    Also, I have tried going through the FAQs and the previous posts. But none of the CSS codes worked for me.

    Many thanks,

    Pam

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

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

    (@tobiasbg)

    5 years ago

    Hi,

    thanks for your post, and sorry for the trouble.

    Please remove this part:

    .tablepress-id-2 .column-1 {
	width: 10%;
}

.tablepress-id-2 .column-2 {
	width: 10%;
}

.tablepress-id-2 .column-3 {
	width: 10%;
}

    The remaining CSS will then reduce the overall table width 🙂

    Regards,
    Tobias

    Thread Starter Pam

    (@abcde1234567890)

    5 years ago

    Hi Tobias,

    Thank you very much for your help! It did the trick.
    I have been trying so many different CSS codes.
    Many thanks.

    Cheers,
    Pam

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    5 years ago

    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!

    Thread Starter Pam

    (@abcde1234567890)

    5 years ago

    Many thanks! 🙂

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    5 years ago

    Hi,

    thank you for the nice words!

    Best wishes,
    Tobias

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

The topic ‘Reduce table size’ is closed to new replies.