[Plugin: WP-Table Reloaded] Few more questions -:)

Hello after 2 months ??

My friend Tobias, I made this

https://www.f1arab.com/f1teams-drivers/

but as you can see the 1st colomn from the left is away from the other colmn how can i fix that?

Thanks ??

I used this but didn’t work as I expected

.wp-table-reloaded-id-54 .column-1, .wp-table-reloaded-id-54 .column-2, .wp-table-reloaded-id-54 .column-3 {
  width: 33%!important;
}

Hi,

this is the result of the table stretching the entire width of the available space, so you will need to restrict the width of the table.

Please try this CSS instead of your’s:

.wp-table-reloaded-id-54 {
  width: 80%!important;
}

Best wishes,
Tobias

You are the best ??

Thanks a lot ??

Hello Tobias,

How can i make the same style as these tables?

https://www.f1fanatic.co.uk/2011/03/13/mclaren-cover-least-distance-testing

I tried to see it with firebug but it says “collapse” only and I didn’t know what to enter…

Is it possible to do it?

Thanks.

Hi,

you mean the horizontal-only borders in the tables?

To achieve that in WP-Table Reloaded, I suggest to first remove all borders, and then use this to again add the horizontal borders:

.wp-table-reloaded tr {
  border-bottom: 1px solid #BCBCBC!important;
}

Regards,
Tobias

Thanks tobias, How about vertical border only?

https://www.formula1.com/default.html

Has the weather thing on top and it has border vertically that separates between each day.

Hi,

that should be possible with something similar to

.wp-table-reloaded td {
  border-left: 1px solid #BCBCBC!important;
}

which adds a border at the left side of each cell.

Regards,
Tobias

everything is great. thanks a lot ??

One more question if you don’t mind.

https://www.f1arab.com/f1-circuits/

How can i center the text? make it in the center of the cell and not center-top.

Thanks ??

Hi,

you should be able to achieve that with:

.wp-table-reloaded td {
  text-align: center!important;
  vertical-align: middle!important;
}

Best wishes,
Tobias

You are the best.

I hope you are not annoyed by my question. Now I found a motorsport Plugin that can show the results.

I know it’s not a plugin-related problem but please can you tell me how to make the flag at the right in a good position?

https://www.f1arab.com/f1-circuits/australian-grand-prix/

Like the plugin table :

https://www.f1arab.com/2010/06/14/f1-standings-after-the-canadian-gp/

all the flag are under each other..

Hi,

no, of course I’m not annoyed! It might however in the long run be an idea, if you take a look at some CSS tutorials, which could help you to achieve changes in the styling more easily and faster.

For those images: Unfortunately, they are not showing for me, they are just returning 404 errors? Are they uploaded properly?

Regards,
Tobias