wp-table-reloaded Table Width CSS

  • theref

    (@theref)


    15 years, 8 months ago

    Hi Tobias

    I have created a new table (id#2015) and have three columns and have set the column width to 150px each….

    .wp-table-reloaded-id-2015 .column-1,
    .wp-table-reloaded-id-2015 .column-2,
    .wp-table-reloaded-id-2015 .column-2{
    width: 150px;
    }

    The first two columns are changing to 150px but the third is stretching to the maximum width of the table. I assume that I need to specify a table width if I only want the three columns to be 150px each. Can you advise what CSS would be required to achieve this.

    Thanks

    Perry

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

    (@tobiasbg)

    15 years, 8 months ago

    Hi,

    in your CSS, you never set the width for column 3, instead it has column 2 twice.

    After changing that, you might also need this additional CSS:

    .wp-table-reloaded-id-2015 {
  width: auto!important;
}

    Best wishes,
    Tobias

    Thread Starter theref

    (@theref)

    15 years, 8 months ago

    Hi Tobias

    The column 3 was correct in the CSS but was a typo in this message. The bit that did the trick was the…

    .wp-table-reloaded-id-2015 {
    width: auto!important;
    }

    I’m still having issues trying to get the table to centre on the screen. I have looked at the FAQ but it is still staying left justified.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    15 years, 8 months ago

    Hi,

    to center the table, extend that mentioned CSS to

    .wp-table-reloaded-id-2015 {
  width: auto!important;
  margin: 0px auto!important;
}

    Best wishes,
    Tobias

    Thread Starter theref

    (@theref)

    15 years, 8 months ago

    Thanks Tobias, it works a treat. If I may ask you one more CSS question in one cell I have two images and a name which is a hyperlink. Ideally I want the first image, which is a photo, to be left justified. The name of the actor to appear next to the photo and then in the bottom right of the cell a second image which is a small tick which would indicate if that actor has appeared or not.

    I’ve tried doing it with background images etc but it’s not sitting right. Any tips?

    Thanks

    Perry

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    15 years, 8 months ago

    Hi,

    that’s actually not that easy. You’ll need to play with CSS positioning I guess. I recommend to find some CSS tutorials for that.
    You can also play around with “Firebug”, which is an extension for Firefox, to easily manipulate CSS properties.

    Best wishes,
    Tobias

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

The topic ‘wp-table-reloaded Table Width CSS’ is closed to new replies.