Same Table, Different Page, Different Width and Placement

  • Resolved matlas44

    (@matlas44)


    7 years, 10 months ago

    Hi,
    I am using the same table in different places throughout my website. In some place I want the table to appear wider, and in others I want it to appear smaller. I know how to make the table the width I want in custom CSS:

    .tablepress-id-N {
    width: auto;
    }

    But how do I make it be one width on one page and a different width on another page?

    Thanks!

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

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    For that, you would have to prepend a page-specific CSS selector. Usually, something like .page-id-123 (a CSS class on the HTML <body> tag) works. You can find the corresponding ID in the URL address bar when editing the page.
    With that, the CSS code becomes e.g.

    
.page-id-123 .tablepress-id-456 {
  width: auto;
}

    Regards,
    Tobias

Viewing 1 replies (of 1 total)
  • The topic ‘Same Table, Different Page, Different Width and Placement’ is closed to new replies.

Tags